From 0b21a6d3f39c0c22f07db901fb51409d76c04fab Mon Sep 17 00:00:00 2001
From: weaseldotro <1822852+weaseldotro@users.noreply.github.com>
Date: Sun, 25 Oct 2020 11:18:19 +0200
Subject: [PATCH] feat(ComboBox): add a reference to the list HTML element,
 forward scroll event

---
 src/ComboBox/ComboBox.svelte | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/ComboBox/ComboBox.svelte b/src/ComboBox/ComboBox.svelte
index e4fe96f9..9117dd4d 100644
--- a/src/ComboBox/ComboBox.svelte
+++ b/src/ComboBox/ComboBox.svelte
@@ -106,6 +106,12 @@
    * @type {null | HTMLInputElement} [ref=null]
    */
   export let ref = null;
+  
+	/**
+	 * Obtain a reference to the list HTML element
+	 * @type {null | HTMLElement} [ref=null]
+	 */
+	export let listRef = null  
 
   /**
    * @typedef {{ id: string; text: string; }} ComboBoxItem
@@ -284,7 +290,7 @@
       />
     </ListBoxField>
     {#if open}
-      <ListBoxMenu aria-label="{ariaLabel}" id="{id}">
+      <ListBoxMenu aria-label="{ariaLabel}" id="{id}" on:scroll bind:ref={listRef}>
         {#each filteredItems as item, i (item.id)}
           <ListBoxMenuItem
             id="{item.id}"