fix(SelectDialog): set search input type to "search" (#6791)

SAP · Jan 9, 2025 · 9919542 · 9919542
1 parent ad9937a
commit 9919542
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 2 deletions.
diff --git a/packages/main/src/components/SelectDialog/SelectDialog.stories.tsx b/packages/main/src/components/SelectDialog/SelectDialog.stories.tsx
@@ -55,7 +55,7 @@ export const Default: Story = {
             return (
               <ListItemStandard
                 selected={index === 1}
-                image={currentProduct.img}
+                image={<img src={currentProduct.img} alt="Example Image" />}
                 description={`${currentProduct.description}${index}`}
                 key={`${currentProduct.text}${index}`}
               >
@@ -156,7 +156,7 @@ export const MultiSelect: Story = {
               }
               return (
                 <ListItemStandard
-                  image={currentProduct.img}
+                  image={<img src={currentProduct.img} alt="Example Image" />}
                   description={`${currentProduct.description}${index}`}
                   data-description={`${currentProduct.description}${index}`}
                   key={`${currentProduct.text}${index}`}

diff --git a/packages/main/src/components/SelectDialog/index.tsx b/packages/main/src/components/SelectDialog/index.tsx
@@ -2,6 +2,7 @@
 
 import ButtonDesign from '@ui5/webcomponents/dist/types/ButtonDesign.js';
 import IconMode from '@ui5/webcomponents/dist/types/IconMode.js';
+import InputType from '@ui5/webcomponents/dist/types/InputType.js';
 import ListSelectionMode from '@ui5/webcomponents/dist/types/ListSelectionMode.js';
 import iconDecline from '@ui5/webcomponents-icons/dist/decline.js';
 import iconSearch from '@ui5/webcomponents-icons/dist/search.js';
@@ -306,6 +307,7 @@ const SelectDialog = forwardRef<DialogDomRef, SelectDialogPropTypes>((props, ref
           placeholder={i18nBundle.getText(SEARCH)}
           onInput={handleSearchInput}
           onKeyUp={handleSearchSubmit}
+          type={InputType.Search}
           icon={
             <>
               {searchValue && (