Ionic FAB:Chrome显示问题

时间:2018-12-18 14:29:14

标签: google-chrome ionic-framework ionic3

我正在使用Ionic 3,并且在标题(top edge)上方出现了一些FAB Buttons。最近,它们不再出现在标题上方,而现在出现在标题下方。在查看其演示时,可以在Ionic Docs中看到症状。

还有其他人看到此问题吗? Chrome是否进行了更改,以调整Z-Index的处理方式?作为参考,FAB在FireFox和iOS / Safari中仍然看起来不错。

经过更多研究后更新

虽然有一些变通办法,但似乎没有可靠的解释(因此也没有可靠的长期解决方案)。

1 个答案:

答案 0 :(得分:0)

根据Github issue,我通过将以下CSS放入ionic app.scss中来解决了此问题:

ion-content {
  contain: size style;
}

这基本上将contain: layout样式排除在外,这引起了问题。 FireFox / Safari尚未实现contain:layoutsee here),这就是FAB在那工作的原因。最终,除非添加这样的更改,否则它们也会破裂。