Implement the new dialog initial focus algorithm

sefeng211 · moz-wptsync-bot · commit 3305dbd955ea · 2023-08-03T00:32:29.000+01:00
The main changes of the new algorithm are * Make the dialog focusing steps look at sequentially focusable elements instead of any focusable element. * Make the dialog element itself get focus if it has the autofocus attribute set. * Make the dialog element itself get focus as a fallback instead of focus being "reset" to the body element. Spec PR (merged): whatwg/html#8199 Differential Revision: https://phabricator.services.mozilla.com/D181263 bugzilla-url: https://bugzilla.mozilla.org/show_bug.cgi?id=1811129 gecko-commit: 94d3ff1570f4ef28436d580200a642fc1ab41883 gecko-reviewers: emilio
diff --git a/html/semantics/interactive-elements/the-dialog-element/modal-dialog-backdrop-opacity.html b/html/semantics/interactive-elements/the-dialog-element/modal-dialog-backdrop-opacity.html
@@ -7,6 +7,9 @@
     background-color: rgb(0, 128, 0);
     opacity: 0.5;
 }
+dialog:focus {
+  outline: none;
+}
 </style>
 <body>
 <dialog>Test passes if you see a green backdrop at half opacity.</dialog>
