fix: focus indicator on keyboard focus checkbox and switch

hperrin · Apr 16, 2021 · 219d146 · 219d146
1 parent 30f9635
commit 219d146
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 0 deletions.
diff --git a/packages/checkbox/Checkbox.svelte b/packages/checkbox/Checkbox.svelte
@@ -8,6 +8,7 @@
     removeClass,
     addStyle,
     active: rippleActive,
+    eventTarget: checkbox,
   }}
   class={classMap({
     [className]: true,

diff --git a/packages/switch/Switch.svelte b/packages/switch/Switch.svelte
@@ -21,6 +21,7 @@
       addClass: addThumbUnderlayClass,
       removeClass: removeThumbUnderlayClass,
       // Don't need addStyle, since we don't set style prop.
+      eventTarget: checkbox,
     }}
     class={classMap({
       'mdc-switch__thumb-underlay': true,
@@ -29,6 +30,7 @@
   >
     <div class="mdc-switch__thumb" />
     <input
+      bind:this={checkbox}
       use:useActions={input$use}
       class={classMap({
         [input$class]: true,
@@ -82,6 +84,7 @@
 
   let element;
   let instance;
+  let checkbox;
   let internalClasses = {};
   let thumbUnderlayClasses = {};
   let nativeControlAttrs = {};