CSS OM should return the actual initial value instead of literal "initial"

[Ryosuke Niwa]

e.g.

<div id="test" style="border:solid;">hello</div>
<script>

alert(document.getElementById('test').borderTopWidth);

</script>

Both Firefox and Internet Explorer return "medium".

[L. David Baron]

Also see https://github.com/w3c/csswg-drafts/issues/1068 .

[Chris Dumez]

Corresponding Blink bug:
https://bugs.chromium.org/p/chromium/issues/detail?id=501673

[Ahmad Saleem]

I changed the test case from Comment 0 into JSFiddle:

Link - https://jsfiddle.net/tx5pjqfo/show

All browsers (Safari Technology Preview 151, Chrome Canary 106 and Firefox Nightly 105) show alert with "undefined" value.

I am not sure whether this is something fixed or not? But all browsers are outputting same. Thanks!

[Alexey Proskuryakov]

This still reproduces as before - WebKit and Blink get "initial", Gecko gets "medium".

Blink has a patch posted for this in 2021, not landed yet.

The test isn't quite right, it lacks ".style". Here is a corrected one: https://jsfiddle.net/tmjL0fp8/

[Ahmad Saleem]

(In reply to Alexey Proskuryakov from comment #4)
> This still reproduces as before - WebKit and Blink get "initial", Gecko gets
> "medium".
> 
> Blink has a patch posted for this in 2021, not landed yet.
> 
> The test isn't quite right, it lacks ".style". Here is a corrected one:
> https://jsfiddle.net/tmjL0fp8/

Safari 16.5.1 now gets 'medium' in the attached JSFiddle similar to Firefox Nightly 117.