customizable-combobox-appearance.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /html/semantics/forms/customizable-combobox/customizable-combobox-appearance.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<html class=reftest-wait>

<link rel=author href="mailto:jarhar@chromium.org">

<link rel=help href="https://open-ui.org/components/combobox.explainer/">

<link rel=match href="customizable-combobox-appearance-ref.html">

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

<script src="/resources/testdriver-vendor.js"></script>

<script src="/resources/testdriver-actions.js"></script>

<style>

input, datalist {

  appearance: base;

input {

  height: 1lh;

  width: 150px;

</style>

<input list=datalist>

<datalist id=datalist>

  <option>one</option>

  <option>two</option>

</datalist>

<script>

(async () => {

  document.querySelector('input').focus();

  const arrowDown = '\uE015';

  await (new test_driver.Actions()

    .keyDown(arrowDown)

    .keyUp(arrowDown))

    .send();

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

})();

</script>