when computing the baseline. -->
<div>
before text
<div id="grid-with-scrollbar" class="inline-grid" style="height: 65px; width: 150px">
    <div id="griditem-with-scrollbar" style="align-self: baseline; padding-top: 15px; height: 50px; overflow-y: scroll;">
        The baseline is based on<br>
        the non-scrolled position;<br>
        this won't line up.
    </div>
</div>
after text
</div>

</div>

<script>
document.getElementById("griditem-with-scrollbar").scrollTop = 999;
document.getElementById("gr