Ionic 4阴影DOM样式

Question

备注：我已经从有帮助的角度文档中检查了this post和this 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">
...

但是，到目前为止，问题是，影子dom创建了滚动行为，添加了一个额外的元素，如下所示：

#shadow-root(open)
  <style></style>
  <div class="inner-scroll scroll-y"><slot></slot></div>
...

添加滚动行为，并隐藏我在div内创建的所有内容（高度为30px）。我尝试搜索其他类似问题，或者将scroll-y: visible !important添加到其div中但未成功。我该怎么做才能将卷轴从shadow-dom创建的元素中移除？