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

[DivisionSIG]

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

[RobertScheitlin__GISP · Accepted solution]

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]

thank you, it worked

[MiroslavUmlauf]

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