range-list-duplicate-id-repaint.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /html/semantics/forms/the-input-element/range-list-duplicate-id-repaint.html - WPT Dashboard Interop Dashboard

<!doctype html>

<html class=reftest-wait>

<title>The range is repainted if the ID identifies a different list</title>

<link rel=help href="https://bugzilla.mozilla.org/show_bug.cgi?id=1805105">

<link rel=author href="mailto:zach@zrhoffman.net" title="Zach Hoffman">

<link rel=match href=range-tick-marks-05-ref.html>

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

<input type=range step=3 value=1 min=-5 max=5 list=firstlist>

<datalist id=firstlist>

  <option value=1></option>

  <option value=-5></option>

</datalist>

<datalist id=secondlist>

  <option value=4>

  <option value=-2>

</datalist>

<script>

  requestAnimationFrame(() =>

    requestAnimationFrame(() => {

      const firstList = document.querySelector("datalist#firstlist");

      const secondList = document.querySelector("datalist#secondlist");

      secondList.id = "firstlist";

      firstList.parentNode.insertBefore(secondList, firstList);

      takeScreenshot();

    }));

</script>