diff --git a/app/components/optimized-power-select/component.js b/app/components/optimized-power-select/component.js index 0550e9871..f08b7dcce 100644 --- a/app/components/optimized-power-select/component.js +++ b/app/components/optimized-power-select/component.js @@ -1,7 +1,15 @@ +import { action } from "@ember/object"; import Component from "@glimmer/component"; export default class OptimizedPowerSelectComponent extends Component { get extra() { return this.args.extra ?? {}; } + + @action + onFocus({ actions, isOpen }) { + if (!isOpen) { + actions.open(); + } + } } diff --git a/app/components/optimized-power-select/template.hbs b/app/components/optimized-power-select/template.hbs index 633b72877..166867456 100644 --- a/app/components/optimized-power-select/template.hbs +++ b/app/components/optimized-power-select/template.hbs @@ -13,4 +13,5 @@ @triggerComponent={{component "optimized-power-select/trigger"}} @onChange={{@onChange}} @extra={{this.extra}} + @onFocus={{this.onFocus}} />