У меня вопрос по аннотации vaadin @Tag. Когда я использую в своем компоненте такой @Tag ("main-page") Edge и FF получают неожиданные имена классов.
@Tag("main-page")
@HtmlImport("src/page/home.html")
@Viewport("width=device-width, minimum-scale=1.0, initial-scale=1.0, user-scalable=no")
public class HomeView extends PolymerTemplate<HomeView.Model> implements RouterLayout, HasUrlParameter<String>,
И результат по FF и Edge:
А вот в хроме, сафари, опере:
Любое объяснение? Что я сделал не так ?
То, что вы видите, происходит потому, что текущие версии Edge и Firefox изначально не поддерживают Shadow DOM. Вы можете убедиться в этом по отсутствию специального узла #shadow-root в дереве DOM.
Вместо встроенной поддержки Vaadin использует полифил, который имитирует большую часть функциональности. Этот полифилл по-прежнему имеет некоторые видимые побочные эффекты, такие как некоторые дополнительные классы CSS, которые используются для имитации функциональности инкапсуляции стилей.
Это никоим образом не относится к аннотации @Tag или даже к Vaadin в целом, а скорее к тому, что исходит из экосистемы (например, extends Polymer.Element, который у вас будет в вашем home.html файле).
