HTML5丢失,html5 – SVG中的Div将丢失其在Mac Chrome中的位置

SVG foreignObject中的Div失去了它的位置,在MAC Chrome浏览器和移动视图中不可见.

我尝试在MAC chrome(54.0.2840.98(64位))中运行此HTML5 SVG代码;但是当DIV溢出或滚动条中的内容出现时,内部的DIV变得不可见(或似乎正在失去其位置/跳出SVG).但是,它在MAC Firefox和Windows中的所有浏览器(Mobile视图除外)中都能很好地工作.

这是一个问题吗？

>视口元数据？

>在ForeignObject里面的div？

> MAC chrome bug？

> CSS？

我们怎么解决这个问题？非常感谢您的帮助.

我试过的,

在Webkit论坛中发现了类似的错误

头

身体

Hi

Hello

how are you?

CSS

.list-content {

height: 280px;

padding: 0px 25px;

background: #ffccbc;

overflow: hidden;

overflow-y: auto;

}