Bug 25548 – active blinking tab shows blank as ordering of the value returned by span.style.background property is different in webkit

• Status: NEW
• Component: CSS

[jasneet]

I Steps:
Go to http://shopping.pchome.com.tw/?mod=area&func=style_show&RG_NO=DHAC&BB=3c

II Issue:
You can see the word on the focus tab is gone.

III Conclusion:
The ordering of the value returned by span.style.background property  is different in webkit, compared to FF.
Meaning webkit returns this order: image, repeat, attachment, position, color ; Where as  FF returns color , image, repeat, attachment, position.

return value for span.style.background from the above code snippet:
Webkit: 'none repeat scroll 0% 0%  rgb(255, 255, 255)'
FF: 'rgb(255, 255, 255) none repeat scroll 0% 0%'

IV Other Browsers:
IE7: ok
FF3: ok

V Nightly tested: 42232

Bug in Chromium : http://code.google.com/p/chromium/issues/detail?id=8658

[jasneet]

Created attachment 29991 [details]
reduced testcase

[Ahmad Saleem]

I am able to reproduce this bug in Safari 15.6 on macOS 12.5 and output is different from Firefox where the tab is blinking and also show 'test' text in <span> with good contrast (text is present but only show upon selection but in Firefox, it has enough contrast to show with and without blinking).

Current behavior of Safari is same as Chrome Canary 105 and Firefox Nightly 104 have different behavior from both.

Just wanted to share updated test result. Thanks!

[Radar WebKit Bug Importer]

<rdar://problem/97457081>