Allow to navigate settings with the keyboard

javiereguiluz · javiereguiluz · commit 2edd487403d2 · 2022-11-10T15:15:47.000+01:00
diff --git a/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/settings.html.twig b/src/Symfony/Bundle/WebProfilerBundle/Resources/views/Profiler/settings.html.twig
@@ -123,7 +123,14 @@
     margin: 0;
 }
 .modal-content .settings-group label input {
-    display: none;
+    position: absolute;
+    clip: rect(0, 0, 0, 0);
+    pointer-events: none;
+    opacity: 0;
+}
+.modal-content .settings-group:has(input:focus-visible) {
+    outline: 2px dotted var(--settings-option-active-border-color);
+    outline-offset: 2px;
 }
 .modal-content .settings-group label input:checked + p {
     box-shadow: inset 0 0 0 2px var(--settings-option-active-border-color);
