Select to view content in your preferred language

[arcgis js api 4.*] remove blue frame/outline around MapView

5487
3
Jump to solution
07-12-2019 07:24 AM
DivisionSIG
New Contributor

Since javascript API vV4.* there is a blue outline around the map, when we interact with the view.

You can see this on the sample app https://developers.arcgis.com/javascript/latest/sample-code/intro-mapview/index.html Just move the map and you'll notice that blue outline around the view.

Do you know how to remove or disable that feature ?

thank you all

0 Kudos
1 Solution

Accepted Solutions
RobertScheitlin__GISP
MVP Emeritus

Focus rectangles are an important part of accessibility. But if you really want to remove it anyway.

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

View solution in original post

3 Replies
RobertScheitlin__GISP
MVP Emeritus

Focus rectangles are an important part of accessibility. But if you really want to remove it anyway.

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

thank you, it worked

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