Примечание: я проверил этот пост и этот API из угловых документов, которые мне не помогают.
Привет всем, я создаю приложение Ionic, структура которого выглядит примерно так:
...
<ion-row>
<ion-col>
<div>
Section
</div>
<app-custom-component [data]='customData'></app-custom-component>
</ion-col>
</ion-row>
...
В app-custom-component все элементы html зависят от этого data ввода. Вот почему у меня что-то вроде этого:
<ion-content>
<div *ngIf="data">
...
Пока все хорошо, но проблема в том, что shadow-dom создает поведение прокрутки, добавляя дополнительный элемент, подобный этому:
#shadow-root(open)
<style></style>
<div class="inner-scroll scroll-y"><slot></slot></div>
...
, который добавляет поведение прокрутки и скрывает весь контент, который я создаю внутри div с высотой 30px. Я пытался найти другие подобные проблемы или добавить scroll-y: visible !important к своим div'ам безуспешно. Что я могу сделать, чтобы удалить свиток с элемента, созданного shadow-dom?