feat: add skipRestoreFocus property to list item for menus

hperrin · Nov 15, 2021 · 58b98e0 · 58b98e0
1 parent fc81366
commit 58b98e0
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 0 deletions.
diff --git a/packages/list/Item.svelte b/packages/list/Item.svelte
@@ -45,6 +45,7 @@
     ? { 'aria-checked': input && input.checked ? 'true' : 'false' }
     : {}}
   {...!nav ? { 'aria-disabled': disabled ? 'true' : 'false' } : {}}
+  data-menu-item-skip-restore-focus={skipRestoreFocus || undefined}
   {tabindex}
   on:click={action}
   on:keydown={handleKeydown}
@@ -102,6 +103,7 @@
   setContext('SMUI:list:item:role', undefined);
   export let selected = false;
   export let disabled = false;
+  export let skipRestoreFocus = false;
   let tabindexProp: UninitializedValue | number = uninitializedValue;
   export { tabindexProp as tabindex };
   export let inputId = 'SMUI-form-field-list-' + counter++;

diff --git a/packages/list/Item.types.ts b/packages/list/Item.types.ts
@@ -23,6 +23,7 @@ export declare class ItemComponentDev<
     | 'role'
     | 'selected'
     | 'disabled'
+    | 'skipRestoreFocus'
     | 'inputId'
     | 'href'
     | 'component'

diff --git a/packages/menu-surface/MenuSurface.svelte b/packages/menu-surface/MenuSurface.svelte
@@ -265,6 +265,10 @@
     return instance.setIsHoisted(isHoisted);
   }
 
+  export function isFixed() {
+    return instance.isFixed();
+  }
+
   export function getElement() {
     return element;
   }