Select to view content in your preferred language

Viewer inset outline

2157
3
Jump to solution
07-23-2020 12:06 AM
JethroLeevers
Regular Contributor

The new viewer seems to have a style on focus ( .esri-view-surface--inset-outline ), this adds a border to the viewer, is there any way to stop this from happening, I tried removing it from the dom on view.when but it seemed to re-add the style on focus.

0 Kudos
1 Solution

Accepted Solutions
Egge-Jan_Pollé
MVP Regular Contributor

Hi Jethro Leevers,

Did you see this thread? [arcgis js api 4.*] remove blue frame/outline around MapView 

There Robert Scheitlin, GISP‌ suggests the following solution, using CSS:

.esri-view .esri-view-surface--inset-outline:focus::after {
  outline: none !important;
}

HTH,

Egge-Jan

View solution in original post

3 Replies
Egge-Jan_Pollé
MVP Regular Contributor

Hi Jethro Leevers,

Did you see this thread? [arcgis js api 4.*] remove blue frame/outline around MapView 

There Robert Scheitlin, GISP‌ suggests the following solution, using CSS:

.esri-view .esri-view-surface--inset-outline:focus::after {
  outline: none !important;
}

HTH,

Egge-Jan

Nicolas_
Occasional Contributor

I think this solution stopped working in version 4.27

MiroslavUmlauf
New Contributor

Indeed it stopped working due to change of DOM inside view from version 4.26 to 4.27. Updated CSS adjusted by this change:

.esri-view .esri-view-surface--touch-none:focus::after {
  outline: none !important;
}