menu-elements-default-style.html

Enable keyboard shortcuts

This WPT test may be referenced by the following Test IDs:
- /html/semantics/menu/tentative/menu-elements-default-style.html - WPT Dashboard Interop Dashboard

<!DOCTYPE html>

<meta charset="utf-8" />

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

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

<link rel="match" href="menu-elements-default-style-ref.html">

<style>

body { background-color: orange; }

</style>

<menubar>

  <menuitem id=invoker>Menubar item A</menuitem>

  <menuitem>Menubar item B</menuitem>

  <menuitem>Menubar item C</menuitem>

</menubar>

<br>

<menulist>

  <menuitem>Menulist item A</menuitem>

  <menuitem>Menulist item B</menuitem>

  <hr>

  <menuitem>Menulist item C</menuitem>

</menulist>

<script>

const menulist = document.querySelector('menulist');

const invoker = document.getElementById('invoker');

menulist.showPopover({source: invoker});

</script>