Bug 265410

Summary: Inside a fieldset, elements with border-image render incorrectly
Product: WebKit Reporter: Wes Souza <wesleydesouza>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: NEW    
Severity: Normal CC: akeerthi, simon.fraser, webkit-bug-importer, wesleydesouza, zalan
Priority: P2 Keywords: InRadar
Version: Safari 17   
Hardware: iPhone / iPad   
OS: iOS 17   
URL: https://codepen.io/wessouza/pen/JjxBvNe?editors=1100
Attachments:
Description Flags
Zoomed-in screen capture from iOS 17 of the codepen example.
none
Side-by-side comparison of the elements none

Wes Souza
Reported 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.
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 attachment proposed patch, testcase, etc.
Wes Souza
Comment 1 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.
Radar WebKit Bug Importer
Comment 2 2023-12-04 15:46:17 PST
<rdar://problem/119156513>
Note You need to log in before you can comment on or make changes to this bug.