From 3acd66e09f40e9882ec66262c8487c8c09fc3f80 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Bengt=20Wei=C3=9Fe?= <bengtler@gmail.com>
Date: Tue, 9 Dec 2025 15:30:21 +0100
Subject: [PATCH] fix(searchbar): clean up timeouts

---
 core/src/components/searchbar/searchbar.tsx | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/core/src/components/searchbar/searchbar.tsx b/core/src/components/searchbar/searchbar.tsx
index 0c038962a53..47fab9cc0a7 100644
--- a/core/src/components/searchbar/searchbar.tsx
+++ b/core/src/components/searchbar/searchbar.tsx
@@ -30,6 +30,8 @@ export class Searchbar implements ComponentInterface {
   private originalIonInput?: EventEmitter<SearchbarInputEventDetail>;
   private inputId = `ion-searchbar-${searchbarIds++}`;
   private inheritedAttributes: Attributes = {};
+  private loadTimeout?: number
+  private clearTimeout?: number
 
   /**
    * The value of the input when the textarea is focused.
@@ -277,6 +279,11 @@ export class Searchbar implements ComponentInterface {
     this.emitStyle();
   }
 
+  disconnectedCallback() {
+    clearTimeout(this.loadTimeout)
+    clearTimeout(this.clearTimeout)
+  }
+
   componentWillLoad() {
     this.inheritedAttributes = {
       ...inheritAttributes(this.el, ['lang', 'dir']),
@@ -288,7 +295,7 @@ export class Searchbar implements ComponentInterface {
     this.positionElements();
     this.debounceChanged();
 
-    setTimeout(() => {
+    this.loadTimeout = setTimeout(() => {
       this.noAnimate = false;
     }, 300);
   }
@@ -358,12 +365,13 @@ export class Searchbar implements ComponentInterface {
    * Clears the input field and triggers the control change.
    */
   private onClearInput = async (shouldFocus?: boolean) => {
+    clearTimeout(this.clearTimeout)
     this.ionClear.emit();
 
     return new Promise<void>((resolve) => {
       // setTimeout() fixes https://github.com/ionic-team/ionic-framework/issues/7527
       // wait for 4 frames
-      setTimeout(() => {
+      this.clearTimeout = setTimeout(() => {
         const value = this.getValue();
         if (value !== '') {
           this.value = '';