RGBCube/serenity
1
Fork 0
mirror of https://github.com/RGBCube/serenity synced 2025-07-27 13:27:35 +00:00
Code Issues Activity Actions

LibWeb: Propagate overflow modes from <html> or <body> to viewport

Browse source 
This patch implements "Overflow Viewport Propagation" from CSS-OVERFLOW.
It fixes an issue where many websites were not scrollable because they
had `overflow: scroll` on the body element and we didn't propagate it.
This commit is contained in:
Andreas Kling 2023-08-03 12:26:43 +02:00
parent 09eed8eea2
commit 4011a107a4
5 changed files with 76 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

12
Tests/LibWeb/Layout/input/viewport-overflow-propagation-1.html Normal file
View file

@ -0,0 +1,12 @@
<!doctype html><style>
html {
overflow: visible;
}
body {
overflow: scroll;
}
div {
width: 100px;
height: 2000px;
}
</style><body><div>

10
Tests/LibWeb/Layout/input/viewport-overflow-propagation-2.html Normal file
View file

@ -0,0 +1,10 @@
<!doctype html><style>
body {
height: 100%;
overflow: scroll;
}
.long {
height: 2000px;
background: orange;
}
</style><body><div class="long">