mirror of
https://github.com/LadybirdBrowser/ladybird
synced 2026-04-26 17:55:07 +02:00
Because we cache the transformed text string in text nodes affected by text-transform, we have to actually update the layout tree when this property value changes.
19 lines
483 B
HTML
19 lines
483 B
HTML
<style>
|
|
#theDiv {
|
|
width: max-content;
|
|
}
|
|
</style>
|
|
<script src="../include.js"></script>
|
|
<div id="theDiv">heLLo FrIends</div>
|
|
<script>
|
|
test(() => {
|
|
println(theDiv.offsetWidth);
|
|
theDiv.style.textTransform = 'uppercase';
|
|
println(theDiv.offsetWidth);
|
|
theDiv.style.textTransform = 'lowercase';
|
|
println(theDiv.offsetWidth);
|
|
theDiv.style.textTransform = 'capitalize';
|
|
println(theDiv.offsetWidth);
|
|
});
|
|
</script>
|