elementFromPoint-ellipsis-in-inline-box.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /css/cssom-view/elementFromPoint-ellipsis-in-inline-box.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<link rel="help" href="https://drafts.csswg.org/cssom-view/#dom-document-elementfrompoint" />

<link rel="author" title="Koji Ishii" href="mailto:kojii@chromium.org">

<script src="/resources/testharness.js"></script>

<script src="/resources/testharnessreport.js"></script>

<style>

.ellipsis {

  overflow: hidden;

  text-overflow: ellipsis;

</style>

</head>

<body>

<div style="width: 100px">

  <div>

    <span><span class="item" style="display: inline-block">XXXXXXXXXXXXXXXXXXXX</span></span>

  </div>

  <div class="ellipsis">

    <span><span class="item" style="display: inline-block">XXXXXXXXXXXXXXXXXXXX</span></span>

  </div>

  <div class="ellipsis">

    <span><span class="item" style="display: inline-flex;">XXXXXXXXXXXXXXXXXXXX</span></span>

  </div>

</div>

<div id="log"></div>

<script>

for (const item of document.getElementsByClassName('item')) {

  test(() => {

    const bounds = item.getBoundingClientRect();

    const result = document.elementFromPoint(bounds.x + 10, bounds.y + bounds.height / 2);

    assert_equals(result, item);

});

</script>

</body>

</html>