Files
ladybird/Tests/LibWeb/Text/input/css/text-transform-dynamic-change.html
Andreas Kling 0a300fe59b LibWeb: Update the layout tree when CSS text-transform changes
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.
2025-03-08 20:22:01 +01:00

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>