[Webkit-unassigned] [Bug 259970] New: Overflow is visible in SVG view
bugzilla-daemon at webkit.org
bugzilla-daemon at webkit.org
Wed Aug 9 02:29:05 PDT 2023
https://bugs.webkit.org/show_bug.cgi?id=259970
Bug ID: 259970
Summary: Overflow is visible in SVG view
Product: WebKit
Version: Safari Technology Preview
Hardware: Mac (Intel)
OS: macOS 13
Status: NEW
Severity: Normal
Priority: P2
Component: SVG
Assignee: webkit-unassigned at lists.webkit.org
Reporter: cyberalien at gmail.com
CC: sabouhallawa at apple.com, zimmermann at kde.org
Created attachment 467228
--> https://bugs.webkit.org/attachment.cgi?id=467228&action=review
Simple bug demo (HTML, SVG) and a screenshot of bug
When SVG sprite is used as background image and element's aspect ratio does not match view's aspect ratio, Safari shows overflow. This causes an issue with SVG sprites because it shows part of a different icon.
Steps to recreate:
- Create SVG sprite with 2 icons, add 2 views for them with different viewBox: `0 0 24 24` and `0 25 24 24`, so they are placed vertically one after another.
- In HTML create a span element that uses that sprite as background image, targeting second view. Set height of element bigger than width.
- Span element will render part of icon it should not render.
- Change to overflow for view in sprite has no effect.
Also tested in:
- Firefox: OK
- Chrome: cannot be tested because of a different bug in Chrome that prevents sprite from even displaying correctly
Possible related bug, though I'm not sure if it is a bug in Safari or Firefox: initial position for background image is different. Firefox defaults to `0% 0%`, Safari defaults to `50% 50%`. Also shown in test case.
--
You are receiving this mail because:
You are the assignee for the bug.
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.webkit.org/pipermail/webkit-unassigned/attachments/20230809/fcbdcc6c/attachment-0001.htm>
More information about the webkit-unassigned
mailing list