From cfa036d7a60374e9edff4571cb0b8176e63f6015 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Istv=C3=A1n=20Pat=C3=B3?= <istvan.pato@gmail.com>
Date: Tue, 18 Jan 2022 15:38:21 +0100
Subject: [PATCH] fix(dropdown): prevent icon from being clickable in disabled
 state (#1017)

* fix(Dropdown): list icon was clickable in disabled state

* fix(Dropdown): the ListBox element was selectable in disabled state if extended Dropdown
---
 src/Dropdown/Dropdown.svelte | 11 ++++++++++-
 1 file changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/Dropdown/Dropdown.svelte b/src/Dropdown/Dropdown.svelte
index 30c67898..c5d0f5f1 100644
--- a/src/Dropdown/Dropdown.svelte
+++ b/src/Dropdown/Dropdown.svelte
@@ -177,6 +177,7 @@
       {disabled && 'bx--dropdown--disabled'}
       {light && 'bx--dropdown--light'}"
     on:click="{({ target }) => {
+      if (disabled) return;
       open = ref.contains(target) ? !open : false;
     }}"
     disabled="{disabled}"
@@ -230,7 +231,15 @@
       <span class="bx--list-box__label">
         {#if selectedItem}{itemToString(selectedItem)}{:else}{label}{/if}
       </span>
-      <ListBoxMenuIcon open="{open}" translateWithId="{translateWithId}" />
+      <ListBoxMenuIcon
+        on:click="{(e) => {
+          e.stopPropagation();
+          if (disabled) return;
+          open = !open;
+        }}"
+        translateWithId="{translateWithId}"
+        open="{open}"
+      />
     </button>
     {#if open}
       <ListBoxMenu aria-labelledby="{id}" id="{id}">