Update elements/pf-search-input/pf-search-input.ts

ArathyKumar · bennypowers · web-flow · commit dcad921d6778 · 2025-07-25T17:33:39.000+05:30
Co-authored-by: Benny Powers - עם ישראל חי! &lt;bennypowers@users.noreply.github.com&gt;
diff --git a/elements/pf-search-input/pf-search-input.ts b/elements/pf-search-input/pf-search-input.ts
@@ -330,12 +330,8 @@ export class PfSearchInput extends LitElement {
     }
   }
 
-  #delay(ms: number): Promise<void> {
-    return new Promise(resolve => setTimeout(resolve, ms));
-  }
-
   async #showListbox() {
-    await this.#delay(10);
+    await new Promise(requestAnimationFrame);
     if (!this.disabled) {
       this.expanded ||= true;
     }

Original file line number	Diff line number	Diff line change
`@@ -330,12 +330,8 @@ export class PfSearchInput extends LitElement {`
`330`	`330`	`}`
`331`	`331`	`}`
`332`	`332`
`333`		`- #delay(ms: number): Promise<void> {`
`334`		`- return new Promise(resolve => setTimeout(resolve, ms));`
`335`		`- }`
`336`		`-`
`337`	`333`	`async #showListbox() {`
`338`		`- await this.#delay(10);`
	`334`	`+ await new Promise(requestAnimationFrame);`
`339`	`335`	`if (!this.disabled) {`
`340`	`336`	`this.expanded \|\|= true;`
`341`	`337`	`}`