Html Mac OS Safari 12图像,svg源代码显示滚动条

Html Mac OS Safari 12图像,svg源代码显示滚动条,html,css,macos,svg,safari,Html,Css,Macos,Svg,Safari,我们遇到了一些svg图像显示滚动条的奇怪问题。您无法与滚动条交互,滚动条几乎是图像的一部分。有人以前见过这个或者有什么想法吗? 图像具有圆形的高度和宽度,仅在某些机器上出现。有两台MacBook,都运行high sierra和Safari 12,只在1台上运行。如果放大页面,实际的滚动条也会被放大,因此滚动条几乎就像是图像的一部分 您可以在此处看到这样一个示例: 这可能确实是一个bug(我可以在切换系统pref以显示滚动条时重新编程:始终在Safari12.0 macOs 10.12上) 但

我们遇到了一些svg图像显示滚动条的奇怪问题。您无法与滚动条交互,滚动条几乎是图像的一部分。有人以前见过这个或者有什么想法吗? 图像具有圆形的高度和宽度,仅在某些机器上出现。有两台MacBook,都运行high sierra和Safari 12,只在1台上运行。如果放大页面,实际的滚动条也会被放大,因此滚动条几乎就像是图像的一部分

您可以在此处看到这样一个示例:



这可能确实是一个bug(我可以在切换系统pref以显示滚动条时重新编程:始终在Safari12.0 macOs 10.12上)

但在他们的辩护中,在根节点上有一个
overflow=“scroll”
属性。 只需删除它即可解决您的问题:

var源=`
`
buggy.src=URL.createObjectURL(新Blob([source],{type:'image/svg+xml'}));
//删除该属性
source=source.replace('overflow=“scroll”','');
fixed.src=URL.createObjectURL(新Blob([source],{type:'image/svg+xml'}))
img{宽度:计算(50vmin-4px);边距:1px}

您需要提供一个新的版本,以便我们可以自己复制。此外,您可以检查他们是否已经报告了类似的内容,如果没有,请提交一份新报告。@Kaido添加了一个示例。谢谢,这可能确实是一个bug(我可以在切换系统pref以显示滚动条时重新编程:始终在Safari12.0 macOs 10.12上)。但在他们的辩护中,在根节点上有一个
overflow=“scroll”
属性。你到底期望从中得到什么?(无法在没有此属性的其他svg上重新编程,因此只需删除它即可解决问题)。@kaido我没有添加溢出滚动。那个代码笔的例子只是展示了它发生的一个例子。我已经提交了一份bug报告。谢谢,你有这个特点。检查来源:
谢谢您的帮助,这已经整理好了。认为溢出卷轴来自illustrator导出。谢谢
<img src="http://www.boxmodeldigital.com/Assets/images/logos/main__logo.svg" alt"" />