With always-on scrollbars, macOS Safari 12 shows scrollbars over SVG images

• Component: Images
• Status: NEW ---

[Tim Horwood]

Created attachment 351502 [details]
Screenshot of image with scroll

Weird problem we have run into where some svg images are displaying scrollbars. You can't interact with the scroll, they are almost part of the image. The image has a round height and width in its source. If you zoom into the page the actual scrollbar is zoomed too, so it is almost like the scroll is part of the image. Doesn't happen in any other browser or OS. It is happening on MacBook Pro (13-inch 2017) running macOS High Sierra and Safari 12.
You can see this happening here: http://www.boxmodeldigital.com/

[Alexey Proskuryakov]

Thank you for the report!

I can not find this content on http://www.boxmodeldigital.com/. Has it been removed, or it is on some other page deeper in the site?

It it's been removed, would it be possible for you to attach a test case here?

[Radar WebKit Bug Importer]

<rdar://problem/44975772>

[Simon Fraser (smfr)]

Please provide more detailed instructions on how we can see the bug.

[Tim Horwood]

Hi, yes I had to fix the live site I metioned in the original report.

You can see it happening here: https://codepen.io/anon/pen/OBNPgw

The svg image, if you look at the code does have overflow="scroll" on the svg element but the SVG should scale to its set height and width anyway as it does in all other browsers and all other versions of Safari, even some mac OS machines using Safari 12 don't experience the problem.

Thanks,

[Simon Fraser (smfr)]

Happens back to r220000. Requires always-on scrollbars in system prefs (or an old mouse).

[Simon Fraser (smfr)]

The SVG image in the test case has:
<svg xmlns="http://www.w3.org/2000/svg" width="181.6" height="27.1" viewBox="0 0 181.6 27.1" overflow="scroll">