Fix focus gets incorrectly cleared by PresShell::FixUpFocus if the focus is on area element
Differential Revision: https://phabricator.services.mozilla.com/D200950
bugzilla-url: https://bugzilla.mozilla.org/show_bug.cgi?id=1878753
gecko-commit: 689c94c4147143275eaf2f8df5bd4fd179a717c9
gecko-reviewers: emilio
diff --git a/html/interaction/focus/the-autofocus-attribute/autofocus-area.html b/html/interaction/focus/the-autofocus-attribute/autofocus-area.html
new file mode 100644
index 0000000..e1ff72e
--- /dev/null
+++ b/html/interaction/focus/the-autofocus-attribute/autofocus-area.html
@@ -0,0 +1,22 @@
+<!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>
