minerva/Tests/LibWeb/Ref/reference/scrollable-contains-boxes-with-hidden-overflow-2-ref.html at 1d53ae1d6f7d460e411d0c3e9ba48f0e7b6160b9

ErisCyan / minerva

Find file

Newer

Older

minerva / Tests / LibWeb / Ref / reference / scrollable-contains-boxes-with-hidden-overflow-2-ref.html

minerva on 13 Jul 1 KB Initial commit

Raw Blame History

<!DOCTYPE html><style>
    * {
        scrollbar-width: none;
    }
    html {
        background: white;
    }
    body {
        position: absolute;
        inset: 0px;
        display: flex;
        background: pink;
    }
    #outer {
        margin-top: 100px;
        overflow-x: hidden;
        overflow-y: scroll;
        background: orange;
    }
    #inner {
        height: 1000px;
        background: magenta;
    }
    .item {
        box-sizing: border-box;
        border: 1px solid black;
        width: 200px;
        height: 50px;
        overflow: hidden;
        background: lime;
    }
</style><body><div id="outer"><div id="inner">
<div class="item">11</div>
<div class="item">12</div>
<div class="item">13</div>
<div class="item">14</div>
<div class="item">15</div>
<div class="item">16</div>
<div class="item">17</div>
<div class="item">18</div>
<div class="item">19</div>
<div class="item">20</div>
<div class="item">21</div>
<div class="item">22</div>
<div class="item">23</div>
<div class="item">24</div>
<div class="item">25</div>
<div class="item">26</div>
<div class="item">27</div>
<div class="item">28</div>
<div class="item">29</div>