mirror of
https://github.com/fergalmoran/ladybird.git
synced 2025-12-31 05:39:55 +00:00
The main intention of this change is to have a consistent look and behavior across all scrollbars, including elements with `overflow: scroll` and `overflow: auto`, iframes, and a page. Before: - Page's scrollbar is painted by Browser (Qt/AppKit) using the corresponding UI framework style, - Both WebContent and Browser know the scroll position offset. - WebContent uses did_request_scroll_to() IPC call to send updates. - Browser uses set_viewport_rect() to send updates. After: - Page's scrollbar is painted on WebContent side using the same style as currently used for elements with `overflow: scroll` and `overflow: auto`. A nice side effects: scrollbars are now painted for iframes, and page's scrollbar respects scrollbar-width CSS property. - Only WebContent knows scroll position offset. - did_request_scroll_to() is no longer used. - set_viewport_rect() is changed to set_viewport_size().
19 lines
371 B
HTML
19 lines
371 B
HTML
<style>
|
|
* {
|
|
margin: 0;
|
|
}
|
|
body {
|
|
background-color: white;
|
|
}
|
|
html {
|
|
scrollbar-width: none;
|
|
}
|
|
</style>
|
|
<!-- To rebase:
|
|
1. Open background-clip-text.html in Ladybird
|
|
2. Resize the window just above the width of the canvas
|
|
3. Right click > "Take Full Screenshot"
|
|
4. Update the image below:
|
|
-->
|
|
<img src="./images/css-background-clip-text.png">
|