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
Created attachment 29991 [details] reduced testcase
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!
<rdar://problem/97457081>