Мне надоели все мои угловые элементы размером 0x0 пикселей, потому что они имеют имена, такие как app-card, app-accordion, которые браузер не распознает как HTML5-совместимые элементы и, следовательно, не будет назначать стили по умолчанию.
Это означает, что при проверке в Chrome я не вижу размеров контейнера, и когда DOM действительно глубоко, трудно понять, какой элемент охватывает какую область на экране и т. Д.
Мне кажется логичным, что все угловые элементы должны отображаться в виде блоков по умолчанию, потому что для большинства это имеет смысл.
В качестве примера рассмотрим эти элементы
bbs-accordion-header //(width 0px, height 0px)
содержит
bbs-accordion-header-regular //(width 1920px, height 153px)



Таким образом, bbs-accordion-header не имеет никаких измерений, даже если они есть у дочерних элементов.
Я решаю это, вручную добавляя одну строку к каждому элементу .scss файл
:host { display: block; }
Но очень утомительно добавлять тего вручную каждый раз.Кто-нибудь знает лучшее решение?