fix: exclude hidden input from dropdown select options (#2224)

telekom · Nov 30, 2023 · d5e2e5b · d5e2e5b
1 parent c9fde04
commit d5e2e5b
Showing 1 changed file with 5 additions and 3 deletions.
diff --git a/packages/components/src/components/dropdown-select/dropdown-select.tsx b/packages/components/src/components/dropdown-select/dropdown-select.tsx
@@ -55,7 +55,11 @@ const readDisabled = (element: Element) => {
 };
 
 const readOptions = (hostElement: HTMLElement): SelectOption[] => {
-  return Array.from(hostElement.children).map((x) => ({
+  const children = Array.from(hostElement.children);
+  const options = children.filter(
+    (x: HTMLElement) => x.tagName !== 'INPUT' && x.hidden === false
+  );
+  return options.map((x) => ({
     label: x.textContent.trim(),
     value: x.getAttribute('value') ?? readValue(x),
     disabled: readDisabled(x),
@@ -458,11 +462,9 @@ export class DropdownSelect {
 
   handleClick = () => {
     this.setOpen(!this.open);
-
     const indexOfValue = readOptions(this.hostElement).findIndex(
       ({ value }) => value === this.value
     );
-
     if (indexOfValue > -1) {
       setTimeout(() => {
         this.bringIntoView(indexOfValue);