Search input type

src/packages/core/modal/common/icon-picker/icon-picker-modal.element.ts

@@ -106,10 +106,11 @@ export class UmbIconPickerModalElement extends UmbModalBaseElement<UmbIconPicker
 
 	renderSearchbar() {
 		return html` <uui-input
-			@keyup="${this.#filterIcons}"
+			type="search"
 			placeholder="Type to filter..."
 			label="Type to filter icons"
-			id="searchbar">
+			id="searchbar"
+			@keyup="${this.#filterIcons}">
 			<uui-icon name="search" slot="prepend" id="searchbar_icon"></uui-icon>
 		</uui-input>`;
 	}

src/packages/dictionary/dashboards/dictionary/dashboard-localization-dictionary.element.ts

@@ -129,10 +129,11 @@ export class UmbDashboardTranslationDictionaryElement extends UmbLitElement {
 						${this.localize.term('dictionary_createNew')}
 					</uui-button>
 					<uui-input
-						@keyup="${this.#filter}"
+						type="search"
+						id="searchbar"
 						placeholder=${this.localize.term('placeholders_filter')}
 						label=${this.localize.term('placeholders_filter')}
-						id="searchbar">
+						@keyup="${this.#filter}">
 						<div slot="prepend">
 							<uui-icon name="search" id="searchbar_icon"></uui-icon>
 						</div>

src/packages/search/examine-management-dashboard/views/section-view-examine-searchers.ts

@@ -112,6 +112,7 @@ export class UmbDashboardExamineSearcherElement extends UmbLitElement {
 				<p>Search the ${this.searcherName} and view the results</p>
 				<div class="flex">
 					<uui-input
+						type="search"
 						id="search-input"
 						placeholder="Type to filter..."
 						label="Type to filter"

src/packages/settings/data-types/modals/data-type-picker-flow/data-type-picker-flow-modal.element.ts

@@ -195,6 +195,7 @@ export class UmbDataTypePickerFlowModalElement extends UmbLitElement {
 
 	private _renderFilter() {
 		return html` <uui-input
+			type="search"
 			id="filter"
 			@input="${this._handleFilterInput}"
 			placeholder="Type to filter..."

src/packages/settings/data-types/modals/property-editor-ui-picker/property-editor-ui-picker-modal.element.ts

@@ -111,6 +111,7 @@ export class UmbPropertyEditorUIPickerModalElement extends UmbLitElement {
 
 	private _renderFilter() {
 		return html` <uui-input
+			type="search"
 			id="filter"
 			@input="${this._handleFilterInput}"
 			placeholder="Type to filter..."