ladybird/Tests/LibWeb/Ref/input/scroll-iframe.html

<!DOCTYPE html>
<link rel="match" href="../expected/scroll-iframe-ref.html" />
<style>
    iframe {
        width: 200px;
        height: 200px;
        border: 1px solid black;
    }
</style>
<body></body>
<script>
    const iframe = document.createElement("iframe");
    iframe.srcdoc = `
        <style>
            body { margin: 0 }
            html { scrollbar-width: none; }
        </style>
        <div style="width: 200px; height: 200px; background-color: darkblue"></div>
        <div style="width: 200px; height: 200px; background-color: blue"></div>
        <div style="width: 200px; height: 200px; background-color: magenta"></div>
    `;
    iframe.onload = function () {
        iframe.contentWindow.scroll(0, 200);
    };
    document.body.appendChild(iframe);
</script>
LibWeb: Remove direct calls of page_did_request_scroll_to() By replacing the `page_did_request_scroll_to()` calls with a request to perform scrolling in the corresponding navigable, we ensure that the scrolling of iframes will scroll within them instead of triggering scroll of top level document. 2024-02-03 10:43:01 +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/scroll-iframe-ref.html" />`
LibWeb: Remove direct calls of page_did_request_scroll_to() By replacing the `page_did_request_scroll_to()` calls with a request to perform scrolling in the corresponding navigable, we ensure that the scrolling of iframes will scroll within them instead of triggering scroll of top level document. 2024-02-03 10:43:01 +01:00			`<style>`
			`iframe {`
			`width: 200px;`
			`height: 200px;`
			`border: 1px solid black;`
			`}`
			`</style>`
			`<body></body>`
			`<script>`
			`const iframe = document.createElement("iframe");`
			iframe.srcdoc = `
LibWeb+WebContent: Move scrollbar painting into WebContent 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(). 2024-06-03 17:53:55 +03:00			`<style>`
			`body { margin: 0 }`
			`html { scrollbar-width: none; }`
			`</style>`
LibWeb: Remove direct calls of page_did_request_scroll_to() By replacing the `page_did_request_scroll_to()` calls with a request to perform scrolling in the corresponding navigable, we ensure that the scrolling of iframes will scroll within them instead of triggering scroll of top level document. 2024-02-03 10:43:01 +01:00			`<div style="width: 200px; height: 200px; background-color: darkblue"></div>`
			`<div style="width: 200px; height: 200px; background-color: blue"></div>`
			`<div style="width: 200px; height: 200px; background-color: magenta"></div>`
			`;
			`iframe.onload = function () {`
			`iframe.contentWindow.scroll(0, 200);`
			`};`
			`document.body.appendChild(iframe);`
			`</script>`