eliott/ladybird
1
0
Fork 0
mirror of https://github.com/LadybirdBrowser/ladybird synced 2026-04-30 11:37:16 +02:00
Code Issues Packages Projects Releases Wiki Activity

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
parent def0bcdfa2
commit 0a300fe59b
Notes: github-actions[bot] 2025-03-08 19:23:07 +00:00 
Author: https://github.com/awesomekling
Commit: https://github.com/LadybirdBrowser/ladybird/commit/0a300fe59b0
Pull-request: https://github.com/LadybirdBrowser/ladybird/pull/3864
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>