the ellipsis moves correspondingly; and that this happens even when the height of the line-clamp container does not change.">
<script src="/common/reftest-wait.js"></script>
<style>
.clamp {
  line-clamp: 2;
  border: 1px solid black;
  padding: 4px;
  background-color: yellow;
  height: 3.5lh;
}
</style>

<p>The ellipsis should appear right after the end of the second line.</p>

<div class="clamp">
  <span id="line1">Line 1</span> <br>
  Line 2 <br>
  Line 3
</div>

<script>
  window.onload = () => {
    r