Bug 265410 - Inside a fieldset, elements with border-image render incorrectly
Summary: Inside a fieldset, elements with border-image render incorrectly
Status: NEW
Alias: None
Product: WebKit
Classification: Unclassified
Component: CSS (show other bugs)
Version: Safari 17
Hardware: iPhone / iPad iOS 17
: P2 Normal
Assignee: Nobody
URL: https://codepen.io/wessouza/pen/JjxBv...
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2023-11-27 15:46 PST by Wes Souza
Modified: 2023-12-04 15:46 PST (History)
5 users (show)

See Also:

Attachments
Zoomed-in screen capture from iOS 17 of the codepen example. (176.62 KB, image/png)
2023-11-27 15:46 PST, Wes Souza 		no flags Details
Side-by-side comparison of the elements (10.92 KB, image/png)
2023-11-27 15:47 PST, Wes Souza 		no flags Details
View All Add an attachment (proposed patch, testcase, etc.)

Note You need to log in before you can comment on or make changes to this bug.
Description Wes Souza 2023-11-27 15:46:02 PST 
Created attachment 468774 [details]
Zoomed-in screen capture from iOS 17 of the codepen example.

When an element is inside a <fieldset> and uses border-image, Safari on iOS stretches parts of the border inside the element.

See the codepen for an example:
https://codepen.io/wessouza/pen/JjxBvNe?editors=1100

Attached a screenshot and a side-by-side comparison.

This is more prominent when using SVGs.
Comment 1 Wes Souza 2023-11-27 15:47:10 PST 
Created attachment 468775 [details]
Side-by-side comparison of the elements

Adding side-by-side comparison of the same element rendered outside and inside a fieldset.
Comment 2 Radar WebKit Bug Importer 2023-12-04 15:46:17 PST 
<rdar://problem/119156513>