Viewer inset outline

1841
3
Jump to solution
07-23-2020 12:06 AM
JethroLeevers
Occasional 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_
New Contributor III

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;
}