Ten problem jest obecny tylko w Chrome, mapa Canvas wyświetla czarny kontur po kliknięciu (na ostrości). Jest to podobno jakaś funkcja dostępności włączona domyślnie od Chrome 83. Próbowałem wyłączyć to z nadpisaniem CSS, ale bez powodzenia:

  *:focus, *:focus-visible, *:focus-within {
    outline: none !important;
  }

Kiedy nieostre:

Unfocused

Skoncentrowany:

enter image description here

Jak to usunięcie, to naprawdę zniszcza wygląd mojej aplikacji.

1
U2ros 13 kwiecień 2021, 11:38

1 odpowiedź

Najlepsza odpowiedź

Wydaje się, że jest to dla mnie wystarczające:

* {
    outline: none;
}

Lub, aby zminimalizować wpływ na dostępność:

.mapboxgl-canvas {
    outline: none;
}
1
Steve Bennett 13 kwiecień 2021, 21:11