fix: fix some demo bugs

hperrin · Mar 29, 2021 · f551776 · f551776
1 parent f24c25f
commit f551776
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 2 deletions.
diff --git a/packages/list/List.svelte b/packages/list/List.svelte
@@ -307,7 +307,7 @@
   }
 
   function getListItemIndex(element) {
-    const nearestParent = closest(el, '.mdc-list-item, .mdc-list');
+    const nearestParent = closest(element, '.mdc-list-item, .mdc-list');
 
     // Get the index of the element if it is a list item.
     if (nearestParent && matches(nearestParent, '.mdc-list-item')) {

diff --git a/packages/list/Separator.svelte b/packages/list/Separator.svelte
@@ -21,7 +21,7 @@
 />
 
 <script>
-  import { createEventDispatcher } from 'svelte';
+  import { getContext, createEventDispatcher } from 'svelte';
   import { forwardEventsBuilder, exclude } from '@smui/common/internal.js';
   import Li from '@smui/common/Li.svelte';
   import Hr from '@smui/common/Hr.svelte';

diff --git a/packages/menu/Menu.svelte b/packages/menu/Menu.svelte
@@ -1,4 +1,5 @@
 <MenuSurface
+  bind:this={element}
   use={[forwardEvents, ...use]}
   class="mdc-menu {className}"
   on:SMUI:menu-surface:mount={handleMenuSurfaceAccessor}
@@ -35,6 +36,7 @@
   let className = '';
   export { className as class };
 
+  let element;
   let instance;
   let menuSurfaceAccessor;
   let listAccessor;
@@ -98,6 +100,7 @@
   });
 
   function handleMenuSurfaceAccessor(event) {
+    console.log('menu surface mount: ', event);
     if (!menuSurfaceAccessor) {
       menuSurfaceAccessor = event.detail;
     }