ladybird/Tests/LibWeb/Ref/input/svg-inside-scroll-container.html

<!DOCTYPE html>
<link rel="match" href="../expected/svg-inside-scroll-container-ref.html" />
<style>
    * {
        scrollbar-width: none;
    }

    #scrollable {
        height: 300px;
        overflow: scroll;
    }
    svg {
        display: block;
    }
</style>
<div id="scrollable">
    <svg width="100" height="100">
        <rect width="100" height="100" fill="green" />
    </svg>
    <svg width="100" height="100">
        <rect width="100" height="100" fill="green" />
    </svg>
    <svg width="100" height="100">
        <rect width="100" height="100" fill="green" />
    </svg>
    <svg width="100" height="100">
        <rect width="100" height="100" fill="green" />
    </svg>
    <svg width="100" height="100">
        <rect width="100" height="100" fill="green" />
    </svg>
</div>
<script>
    const scrollContainer = document.getElementById("scrollable");
    scrollContainer.scrollTop = 100;
</script>
LibWeb: Shift SVG paintable clip rectangle by scroll offset Rectangles should be recorded using absolute coordinates, including the scroll offset. 2024-02-06 11:14:32 +01:00			`<!DOCTYPE html>`
Tests/LibWeb: Restructure Ref and Screenshot test dirs to match others Now each test type has the same directories: - input - expected - data Also, tests can be in subdirectories within ./input. 2024-11-05 12:49:08 +00:00			`<link rel="match" href="../expected/svg-inside-scroll-container-ref.html" />`
LibWeb: Shift SVG paintable clip rectangle by scroll offset Rectangles should be recorded using absolute coordinates, including the scroll offset. 2024-02-06 11:14:32 +01:00			`<style>`
LibWeb: Implement scrollbar painting Introduces the rendering of scroll thumbs in vertical and horizontal directions. Currently, the thumbs are purely graphical elements that do not respond to mouse events. Nevertheless, this is beneficial as it makes it easier to identify elements that should respond to scrolling events. Painting of scrollbars uncovers numerous bugs in the calculation of scrollable overflow rectangles highlighting all the places where elements are made scrollable whey they shouldn't be. Positively, this issue might motivate us to pay more attention to this problem to eliminate unnecessary scrollbars. Currently, the scrollbar style is uniform across all platforms: a semi-transparent gray rectangle with rounded corners. Also here we add `scrollbar-width: none` to all existing scrolling ref-tests, so they keep working with this change. 2024-02-15 21:12:50 +01:00			`* {`
			`scrollbar-width: none;`
			`}`

LibWeb: Shift SVG paintable clip rectangle by scroll offset Rectangles should be recorded using absolute coordinates, including the scroll offset. 2024-02-06 11:14:32 +01:00			`#scrollable {`
			`height: 300px;`
			`overflow: scroll;`
			`}`
			`svg {`
			`display: block;`
			`}`
			`</style>`
			`<div id="scrollable">`
			`<svg width="100" height="100">`
			`<rect width="100" height="100" fill="green" />`
			`</svg>`
			`<svg width="100" height="100">`
			`<rect width="100" height="100" fill="green" />`
			`</svg>`
			`<svg width="100" height="100">`
			`<rect width="100" height="100" fill="green" />`
			`</svg>`
			`<svg width="100" height="100">`
			`<rect width="100" height="100" fill="green" />`
			`</svg>`
			`<svg width="100" height="100">`
			`<rect width="100" height="100" fill="green" />`
			`</svg>`
			`</div>`
			`<script>`
			`const scrollContainer = document.getElementById("scrollable");`
			`scrollContainer.scrollTop = 100;`
			`</script>`