JS API Google Maps показывает синюю рамку фокуса ⇐ CSS

[Anonymous]

Google Maps JS API начал отображать синюю рамку фокуса вокруг карты после переключения на другую вкладку браузера и последующего возврата. При нажатии на карту граница исчезает.

Элемент с рамкой создается Gmaps и внутри их DOM. Граница отображается только при полностраничном отображении карты.



Трассировка Gmap DOM показывает границу у дочернего элемента gm-style: (div.gm-style > div)

Код: Выделить всё

           box-sizing: border-box; position: absolute; z-index: 1000002;
opacity: 0; border: 2px solid rgb(26, 115, 232);">

Непрозрачность: 0 является динамической и меняется на непрозрачность: 1 после перехода на другую вкладку браузера.

Почему Gmaps JS API работает так? Есть идеи, как убрать этот квадрат из поля зрения?
Изменить:

• синий квадрат отображается в Chrome 89 и Mozilla. 86
• Шаги: откройте ссылку js fiddle -> сфокусируйте карту (легко прокручивайте карту из стороны в сторону) -> смените вкладку браузера -> вернитесь на вкладку с примером jsfiddle -> синий квадрат
  Пример JSFiddle

Открыта проблема как ошибка:
Google Issuetracker

Подробнее здесь: https://stackoverflow.com/questions/666 ... cus-border