hide focus on traps

haschek · haschek · commit 41a90500822f · 2026-03-23T12:32:42.000+01:00
diff --git a/src/components/Dialog/dialog.scss b/src/components/Dialog/dialog.scss
@@ -22,6 +22,14 @@ $eccgui-color-modal-backdrop: eccgui-color-rgba(
     z-index: $eccgui-zindex-modals;
 }
 
+.#{$ns}-overlay-start-focus-trap,
+.#{$ns}-overlay-end-focus-trap {
+    // do not show focus on trap elements, we need to fix keeping focus on modal elements differently later
+    &[tabindex]:not([tabindex^="-"]):focus-visible {
+        @extend .focus-by-pointer;
+    }
+}
+
 .#{$eccgui}-dialog__backdrop {
     background-color: $eccgui-color-modal-backdrop;
 }

Original file line number	Diff line number	Diff line change
`@@ -22,6 +22,14 @@ $eccgui-color-modal-backdrop: eccgui-color-rgba(`
`22`	`22`	`z-index: $eccgui-zindex-modals;`
`23`	`23`	`}`
`24`	`24`
	`25`	`+.#{$ns}-overlay-start-focus-trap,`
	`26`	`+.#{$ns}-overlay-end-focus-trap {`
	`27`	`+ // do not show focus on trap elements, we need to fix keeping focus on modal elements differently later`
	`28`	`+ &[tabindex]:not([tabindex^="-"]):focus-visible {`
	`29`	`+ @extend .focus-by-pointer;`
	`30`	`+ }`
	`31`	`+}`
	`32`	`+`
`25`	`33`	`.#{$eccgui}-dialog__backdrop {`
`26`	`34`	`background-color: $eccgui-color-modal-backdrop;`
`27`	`35`	`}`