summaryrefslogtreecommitdiffstats
path: root/testing/web-platform/tests/html/semantics/forms/the-input-element/range-list-duplicate-id-repaint.html
blob: 0a2a90b5003bb9c17f4ecf289c63088894b1122a (plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<!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>