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

LibWeb: Fix CSS transform invalidation when transitioning to none

Browse source 
Fixes https://github.com/LadybirdBrowser/ladybird/issues/2707
This commit is contained in:
Aliaksandr Kalenik 2025-03-15 04:36:50 +01:00 • committed by Alexander Kalenik
commit 9e287465b9
Notes: github-actions[bot] 2025-03-15 12:31:38 +00:00
3 changed files with 34 additions and 12 deletions
Download patch file Download diff file Expand all files Collapse all files

22
Tests/LibWeb/Text/input/css-transform-transition-to-none-invalidation.html Normal file
View file

@ -0,0 +1,22 @@
<!DOCTYPE html>
<style>
#box {
width: 100px;
height: 100px;
background-color: skyblue;
margin: 50px;
}
</style>
<script src="include.js"></script>
<div id="box"></div>
<script>
test(() => {
const box = document.getElementById('box');
box.style.transform = 'translate(50px, 30px)';
const before = box.getBoundingClientRect();
println(`before x=${before.x}, y=${before.y}, width=${before.width}, height=${before.height}`);
box.style.transform = 'none';
const after = box.getBoundingClientRect();
println(`after x=${after.x}, y=${after.y}, width=${after.width}, height=${after.height}`);
});
</script>