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

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>