Bug 190244 - With always-on scrollbars, macOS Safari 12 shows scrollbars over SVG images
Summary: With always-on scrollbars, macOS Safari 12 shows scrollbars over SVG images
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: Images (show other bugs)
Version: Other
Hardware: Mac macOS 10.13
: P2 Normal
Assignee: Nobody
URL: https://codepen.io/anon/pen/OBNPgw
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2018-10-03 03:05 PDT by Tim Horwood
Modified: 2018-10-03 12:51 PDT (History)
5 users (show)

See Also:


Attachments
Screenshot of image with scroll (13.09 KB, image/png)
2018-10-03 03:05 PDT, Tim Horwood
no flags Details

Note You need to log in before you can comment on or make changes to this bug.
Description Tim Horwood 2018-10-03 03:05:25 PDT
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/
Comment 1 Alexey Proskuryakov 2018-10-03 09:22:24 PDT
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?
Comment 2 Radar WebKit Bug Importer 2018-10-03 09:22:46 PDT
<rdar://problem/44975772>
Comment 3 Simon Fraser (smfr) 2018-10-03 10:38:09 PDT
Please provide more detailed instructions on how we can see the bug.
Comment 4 Tim Horwood 2018-10-03 12:01:20 PDT
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,
Comment 5 Simon Fraser (smfr) 2018-10-03 12:49:43 PDT
Happens back to r220000. Requires always-on scrollbars in system prefs (or an old mouse).
Comment 6 Simon Fraser (smfr) 2018-10-03 12:51:32 PDT
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">