Add @rootEventType argument and set mousedown as default (#1819)

* feat: set mousedown as default rootEventType * docs: document @rootEventType
cibernox · Jul 31, 2024 · 3fbf150 · 3fbf150
1 parent f0d3e2e
commit 3fbf150
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 0 deletions.
diff --git a/docs/app/templates/public-pages/docs/api-reference.hbs b/docs/app/templates/public-pages/docs/api-reference.hbs
@@ -170,6 +170,14 @@
         open or close.
       </td>
     </tr>
+    <tr>
+      <td>rootEventType</td>
+      <td><code>string</code></td>
+      <td>
+        Defaults to <code>"mousedown"</code>. Indicates the type of event the component will be listening to
+        in order to close.
+      </td>
+    </tr>
     <tr>
       <td>matcher</td>
       <td><code>function</code></td>

diff --git a/ember-power-select/src/components/power-select.hbs b/ember-power-select/src/components/power-select.hbs
@@ -28,6 +28,7 @@
   @calculatePosition={{@calculatePosition}}
   @triggerComponent={{ensure-safe-component @ebdTriggerComponent}}
   @contentComponent={{ensure-safe-component @ebdContentComponent}}
+  @rootEventType={{or @rootEventType "mousedown"}}
   as |dropdown|>
   {{#let (assign dropdown (hash
     selected=this.selected

diff --git a/ember-power-select/src/components/power-select.ts b/ember-power-select/src/components/power-select.ts
@@ -98,6 +98,7 @@ export interface PowerSelectArgs {
   triggerClass?: string;
   ariaInvalid?: string;
   eventType?: string;
+  rootEventType?: string;
   ariaDescribedBy?: string;
   calculatePosition?: CalculatePosition;
   ebdTriggerComponent?: string | ComponentLike<any>;