Проблемный стиль Polymer 3.0 со специальным свойством в пользовательском элементе внутри ящика приложения на iPad

Question

У меня проблема с использованием Polymer 3.0 и app-drawer, Я загружаю файл со многими настраиваемыми свойствами, такими как цвета. Хорошо работает везде, кроме как внутри app-drawer или же app-header,

Пример:

<app-drawer-layout force-narrow="true">
    <app-drawer slot="drawer" opened="{{menuOpened}}">
        <my-element></my-element>
    </app-drawer>
    <app-header slot="header" fixed shadow effects="waterfall">
        <my-element></my-element>
    </app-header>
</app-drawer-layout>

Если я использую пользовательское свойство внутри my-element это не работает:

:host {
    background-color: var(--my-color);
}

Но если я загружу my-elementвне app-box-layout, цвет фона хороший. Эта проблема есть только на моем iPad (тест на Safari и Chrome: та же проблема), но работает на настольном компьютере.

Любая идея?