Bug 245104 – Stylesheet rule.cssText is incorrect for a property setting 'background: none'

• Component: CSS
• Status: RESOLVED DUPLICATE

[Ahmad Saleem]

Hi Team,

I was going through Chrome Monorail and came across another test case, which is broken in Safari 16 on macOS 12.6.

Link (Modified from Original to only keep failing tests) - https://jsfiddle.net/8myk0dvb/

Chrome Bug - https://bugs.chromium.org/p/chromium/issues/detail?id=251510

Patch - https://src.chromium.org/viewvc/blink?view=revision&revision=168002

*** STEPS TO REPRODUCE ***

1) Open JSFiddle

<< ACTUAL RESULT >>

Both lines are red in Safari (EVEN in Safari Technology Preview 153 as well)

<< EXPECTED RESULT >>

Both should not be red

____

OTHER BROWSERS:

-- Firefox Nightly 107 & Chrome Canary 107 does not show both as "Red".

________

I think fixing this would allow Webkit to be more awesome.

Thanks!

[Radar WebKit Bug Importer]

<rdar://problem/100146682>

[Karl Dubost]

I wonder if fixing Bug 245105 would also fix this.

[Karl Dubost]

Created attachment 462643 [details]
testcase

Safari TP 154

[Log] input – ".test1 {background: none; }" (test-csstext-roundtrip-background.html, line 21)
[Log] output – ".test1 { background-image: none; }" (test-csstext-roundtrip-background.html, line 22)
[Log] input – ".test2 {background-image: none; background-color: initial; background-position: initial initial; background-repeat: initial initial;}" (test-csstext-roundtrip-background.html, line 21)
[Log] output – ".test2 { background-image: none; }" (test-csstext-roundtrip-background.html, line 22)


Firefox Nightly 107
11:40:35.025 input .test1 {background: none; } test-csstext-roundtrip-background.html:21:17
11:40:35.026 output .test1 { background: none; } test-csstext-roundtrip-background.html:22:17
11:40:35.026 input .test2 {background-image: none; background-color: initial; background-position: initial initial; background-repeat: initial initial;} test-csstext-roundtrip-background.html:21:17
11:40:35.026 output .test2 { background-image: none; background-color: initial; }

Chrome Canary 108
input .test1 {background: none; }
test-csstext-roundtrip-background.html:22 output .test1 { background: none; }
test-csstext-roundtrip-background.html:21 input .test2 {background-image: none; background-color: initial; background-position: initial initial; background-repeat: initial initial;}
test-csstext-roundtrip-background.html:22 output .test2 { background-image: none; background-color: initial; }

[Karl Dubost]

Created attachment 462644 [details]
rendering in safari, firefox, chrome

[Karl Dubost]

Ahmad, thanks for the test case, I uploaded it here. 
The one you provided as a typo for the test2 rule.

[Ahmad Saleem]

(In reply to Karl Dubost from comment #5)
> Ahmad, thanks for the test case, I uploaded it here. 
> The one you provided as a typo for the test2 rule.

Cool.. Thanks!

[Ahmad Saleem]

Attached test case works fine in WebKit trunk based off 259178@main and matches Chrome Canary 111 and Firefox Nightly 111. I only have "Selection API" enabled explicitly.

[Oriol Brufau]

*** This bug has been marked as a duplicate of bug 185953 ***