mirrors/ladybird
0
0
Fork 0
mirror of https://github.com/LadybirdBrowser/ladybird.git synced 2025-08-01 05:39:11 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions 9

LibWeb: Update the layout tree when CSS text-transform changes

Browse source 
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.
This commit is contained in:
Andreas Kling 2025-03-08 17:54:04 +01:00 • committed by Andreas Kling
commit 0a300fe59b
Notes: github-actions[bot] 2025-03-08 19:23:07 +00:00
4 changed files with 32 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

18
Tests/LibWeb/Text/input/css/text-transform-dynamic-change.html Normal file
View file

@ -0,0 +1,18 @@
<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>