Render flyout properly when showing search modal (#606)

humitos · web-flow · commit 6d61fbafc83a · 2025-06-24T03:56:17.000-07:00
[Peek 2025-06-23 17-24.webm](https://github.com/user-attachments/assets/ea46c485-b825-4b2d-b5bc-bce42bb910dd) Closes #585
diff --git a/src/flyout.js b/src/flyout.js
@@ -165,6 +165,9 @@ export class FlyoutElement extends LitElement {
     // Dispatch the custom event the search addon is listening to show the modal
     const searchEvent = new CustomEvent(EVENT_READTHEDOCS_SEARCH_SHOW);
     document.dispatchEvent(searchEvent);
+
+    // Close the flyout after showing the search modal
+    this._close();
   }
 
   renderSearch() {

Original file line number	Diff line number	Diff line change
`@@ -165,6 +165,9 @@ export class FlyoutElement extends LitElement {`
`165`	`165`	`// Dispatch the custom event the search addon is listening to show the modal`
`166`	`166`	`const searchEvent = new CustomEvent(EVENT_READTHEDOCS_SEARCH_SHOW);`
`167`	`167`	`document.dispatchEvent(searchEvent);`
	`168`	`+`
	`169`	`+ // Close the flyout after showing the search modal`
	`170`	`+ this._close();`
`168`	`171`	`}`
`169`	`172`
`170`	`173`	`renderSearch() {`