Search input closes immediately after focus

After upgrading to version version 3.0.4, I noticed a behaviour change in the application that I cant immediately figure out.

I have a component like this:

<PowerSelect 
  @class="search-input" 
  @searchMessage="Search"  
  @searchMessageComponent={{component "recently-viewed" recordSelected=(action "recentlyViewedRecordSelected")}}
  @placeholder={{@placeholder}} 
  @search={{perform this.searchTask}} 
  @searchEnabled={{true}}
  @onChange={{action "valueChanged"}} 
  @onFocus={{action "handleFocus"}} 
  @renderInPlace={{true}} as |model|>
  <div class="search-result">
    <div class="name">
      {{model.name}}
    </div>
    <div class="type">
      {{model.constructor.modelName}}
    </div>
  </div>
</PowerSelect>

On focus of the Component, I want to display a list of recently viewed records, which I could accomplish with @searchMessageComponent (this does seem to be missing from the documentation, but is still in the codebase)

The issue i’m seeing now, is that:

• on focus, the component im trying to use is displayed and immediately closed.
• clicking power-select, and holding the mouse button down, keeps the component open, until release of the mouse button
• when manually opening the search input, through the public api (element.actions.open();) it works as it should.

I narrowed down the code that closes the addon to here: https://github.com/cibernox/ember-basic-dropdown/blob/b60127457821069cf288a7008c6ec2f787a69497/addon/components/basic-dropdown-content.js#L125

[patricklx]

same issue for me… some change how did-insert works? or events in general might be handled faster? looks like it this document.addEventListener(this.rootEventType, this.handleRootMouseDown, true); (in basic-dropdown-content.js) is called during the onMouseDown event phase. So, afterwardsr onMouseClick gets invoked and runs that code and then closes it 😦 Adding a delay in the setup function would probably fix it (or after OnMouseClick/onMouseDown?)

edit: just noticed this is in basic dropdown… edit: changed the eventType to click and now it works fine

[pjcarly]

I just removed it in my css stylesheet ¯\_(ツ)_/¯