feat(select): add focustrap to options container

qupaya · Apr 16, 2024 · db594bc · db594bc
1 parent 311194c
commit db594bc
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/libs/sketch/src/lib/components/select/select.component.html b/libs/sketch/src/lib/components/select/select.component.html
@@ -9,12 +9,14 @@
   (keydown.enter)="togglePanel(!this.panelIsVisible())"
 >
   @if (showPlaceholder()) {
-    <ng-content select="[skSelectPlaceholder]"></ng-content>
+  <ng-content select="[skSelectPlaceholder]"></ng-content>
   } @else {
-    <ng-content select="[skSelectLabel]"></ng-content>
+  <ng-content select="[skSelectLabel]"></ng-content>
   }
 </div>
 
 <ng-template cdkPortal #overlay="cdkPortal">
-  <ng-content></ng-content>
+  <ng-container cdkTrapFocus>
+    <ng-content></ng-content>
+  </ng-container>
 </ng-template>