minerva/Tests/LibWeb/Ref/svg-inside-scroll-container.html at 80c0d1833935efa0f2bc7f07bc6b5bd638a247a8

ErisCyan / minerva

Find file

Newer

Older

minerva / Tests / LibWeb / Ref / svg-inside-scroll-container.html

minerva on 13 Jul 924 bytes Initial commit

Raw Blame History

<!DOCTYPE html>
<link rel="match" href="reference/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>