Пользовательские теги AngularJS имеют высоту авто

Question

Кажется, что когда я пытаюсь создать директиву, мне очень тяжело, потому что директива получит высоту авто, что означает, что ее содержимое плохо работает с процентные высоты. Иногда это работает, чтобы дать директиве высоту 100% в CSS, часто это не так. Кажется, что самый трудный из них - когда директива находится в div с дисплеем: table-cell.

Есть ли ссылка где-нибудь, что объясняет, как это работает в разных браузерах и как лучше всего справиться с этим кросс-браузером?

Answer 1

Для потомков незарегистрированный пользовательский тег, такой как у нас в Angular 1.x, является HTMLUnknownElement. Таким образом, он не имеет настройки display, поэтому большинство браузеров по умолчанию будет «inline». Once you know, ответ очевиден: дайте тегу display:block в CSS.