Элементы пользовательского интерфейса (например, MapSettingControl) исчезают в Safari 13 - PullRequest
Новая
       7

Элементы пользовательского интерфейса (например, MapSettingControl) исчезают в Safari 13

0 голосов
/ 08 ноября 2019

Проблема в том, что в Safari 13 некоторые элементы не отображаются в том порядке (z-index), как реализовано. Элемент, однако, функционирует должным образом, поэтому масштабирование работает (если вы знаете, где находится), но элемент управления невидим. Это работает нормально на других устройствах, например Safari 13 на Mac или ios12, ...

Heremap является элементом Ionic home.page и включает компонент here-map. Компонент here-map инициализирует MapControlElements.

Уже пытался установить здесь-карту с z-индексом, например, 90, и установить MapSettingsControl на 99. Однако он остается всегда сверху. Пытался установить в CSS, addClass и напрямую установить HTML-элемент MapControlSetting. Я попытался добавить настраиваемый элемент управления и добавить класс CSS. Пока нет удачи. 

    **HTML component**
     <div #map class="map" style="width: 100%; height: 100%;">

    **CSS component**
    .map {
      position: absolute;
      z-index: 10;
      background-color:primary
    }

   .btnOnTop {
      position: absolute; 
      z-index: 99; /* Make sure it does not overlap */
   }

    **here-component**
    @ViewChild("map",{static: true})public mapElement: ElementRef;

    this.mapUI.getControl("mapsettings").addClass("btnOnTop"); 

    or

    this.mapUI.getElement().style.zIndex = 999;

Мне бы хотелось, чтобы элементы управления были видны при заданном выравнивании, например, справа внизу, но в Safari и Chrome в Safari 13 он исчезает.

...