Source code
Revision control
Copy as Markdown
Other Tools
Test Info:
- This WPT test may be referenced by the following Test IDs:
- /html/interaction/focus/the-autofocus-attribute/autofocus-area.html - WPT Dashboard Interop Dashboard
<!DOCTYPE html>
<meta charset="utf-8">
<link rel="help" href="https://html.spec.whatwg.org/multipage/interaction.html#the-autofocus-attribute">
<link rel='author' href='mailto:sefeng@mozilla.com'>
<script src="/resources/testharness.js"></script>
<script src="/resources/testharnessreport.js"></script>
<script src="resources/utils.js"></script>
<map name="mymap">
<area id="myarea" shape="circle" coords="100,100,80" href="#" autofocus>
</map>
<img style="width:200px; height: 200px"
usemap="#mymap"
src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAIAAACQd1PeAAAADElEQVR42mP4%2F58BAAT%2FAf9jgNErAAAAAElFTkSuQmCC">
<script>
promise_test(async t => {
await waitForLoad(window);
await waitUntilStableAutofocusState(window);
const area = document.querySelector("area");
assert_equals(document.activeElement, area);
}, 'autofocus works on area element');
</script>