首页 > 解决方案 > Safari 注入 Shadow DOM带有“溢出:自动”的元素?

问题描述

正如标题所述,如果你overflow: auto在一个元素上声明,Safari 会在输入元素中<input>注入一个带有 a 的 shadow DOM 。<div>这是一个 JSFiddle:https ://jsfiddle.net/s6a0od7L/演示该问题,如果您打开 Web 检查器,您可以看到注入的“影子内容(用户代理)”框架。您还可以看到输入的高度在 Safari 上溢出,但在 Chrome 或 Firefox 上没有。

这很难处理,因为我无法为注入的 div 添加样式,因为它位于 shadow DOM 中。而且我无法找到有关该行为的任何文档。这是一个错误吗?如果没有,处理这个问题的推荐方法是什么?

标签: javascriptcsssafari

解决方案


推荐阅读