Bug 259970

Summary:

Overflow is visible in SVG view

Product:

WebKit

Reporter:

Vjacheslav Trushkin <cyberalien>

Component:

SVG

Assignee:

Nobody <webkit-unassigned>

Status:

NEW

Severity:

Normal

CC:

karlcow, sabouhallawa, simon.fraser, webkit-bug-importer, zalan, zimmermann

Priority:

Keywords:

BrowserCompat, InRadar

Version:

Safari Technology Preview

Hardware:

Mac (Intel)

OS:

macOS 13

Attachments:

Description	Flags
Simple bug demo (HTML, SVG) and a screenshot of bug	none

Vjacheslav Trushkin

Reported 2023-08-09 02:29:05 PDT

Created attachment 467228 [details] 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.

Attachments
Simple bug demo (HTML, SVG) and a screenshot of bug (6.63 KB, application/zip) 2023-08-09 02:29 PDT, Vjacheslav Trushkin	no flags	Details
View All Add attachment proposed patch, testcase, etc.

Radar WebKit Bug Importer

Comment 1 2023-08-16 02:30:13 PDT

<rdar://problem/113956791>

Note You need to log in before you can comment on or make changes to this bug.