text-overflow-ellipsis-changing-scroll.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /css/css-overflow/text-overflow-ellipsis-changing-scroll.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<html class="reftest-wait">

<title>CSS Overflow: text-overflow: ellipsis after scroll changes</title>

<link rel="help" href="https://drafts.csswg.org/css-overflow-4/#ellipsis-interaction">

<link rel="match" href="text-overflow-ellipsis-changing-scroll-ref.html">

<meta name="assert" content="Ellipsis rendering should not change after scroll offset is changed back to the original offset">

<script src="/common/reftest-wait.js"></script>

<style>

  #overflow {

    overflow: hidden;

    text-overflow: ellipsis;

    width: 100px;

    border: 1px solid black;

</style>

<div id="overflow">ELLIPSISELLIPSIS</div>

<script>

  requestAnimationFrame(() => {

    requestAnimationFrame(() => {

      overflow.scrollLeft = 100;

      overflow.style.fontSize = "17px";

      overflow.offsetTop;

      overflow.style.fontSize = "";

      overflow.scrollLeft = 0;

      takeScreenshot();

});

});

</script>