Bug 145808

Summary: box-decoration-break: clone does not clone border-image
Product: WebKit Reporter: Marie Mosley <mariemosley>
Component: CSSAssignee: Nobody <webkit-unassigned>
Status: NEW ---    
Severity: Normal CC: bdakin, bfulgham, simon.fraser, webkit-bug-importer
Priority: P2 Keywords: InRadar
Version: 528+ (Nightly build)   
Hardware: Unspecified   
OS: All   
Attachments:
Description Flags
image of expected result and actual result of -webkit-box-decoration-break: clone on a span element with a border image none

Description Marie Mosley 2015-06-09 10:46:27 PDT 
Created attachment 254581 [details]
image of expected result and actual result of -webkit-box-decoration-break: clone on a span element with a border image

Reduced Test Case:

http://codepen.io/mariemosley/pen/e72c8f598767c51a10cc83dd9b1d3c1b

Steps to Reproduce:

Apply border-image to an inline element. 
Apply -webkit-box-decoration-break: clone; to the inline element. 
Allow or force the element to wrap onto multiple lines.

Actual Results:

border-image is not applied to each fragment individually.

Expected Results: 

border-image should be applied to each fragment individually.

Encountered In: 

Chrome Version 43.0.2357.124 (64-bit), Safari Version 8.0.6
Comment 1 Brent Fulgham 2022-07-14 14:11:27 PDT 
Firefox gets this right, but Safari and Chrome do not.
Comment 2 Radar WebKit Bug Importer 2022-07-14 14:11:37 PDT 
<rdar://problem/97034538>