column-rule-001.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /css/css-multicol/column-rule-001.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<html class="reftest-wait">

<title>Column rule in scrollable multicol container</title>

<link rel="author" title="Morten Stenshorne" href="mailto:mstensho@chromium.org">

<link rel="help" href="https://drafts.csswg.org/css-multicol-1/#column-gaps-and-rules">

<link rel="match" href="column-rule-001-ref.html">

<style>

  body {

    margin: 0;

  .mc {

    columns: 2;

    column-gap: 110px;

    column-rule: 100px solid;

    height: 100px;

    overflow: hidden;

</style>

<p>There should be <b>two</b> black squares below.</p>

<div id="elm" class="mc">

  <div style="height:600px;"></div>

</div>

<script>

  elm.scrollLeft = 200;

  requestAnimationFrame(()=> {

    requestAnimationFrame(()=> {

      document.documentElement.classList.remove("reftest-wait");

});

});

</script>

</html>