<Input /> element inside trigger gets focused unintentionally on mobile devices

[raido]

ember-basic-dropdown/addon/components/basic-dropdown-trigger.ts

Line 112 in 4596ed5

target.focus();

Here we handle target.focus() call, so if we have following template:

<dd.Trigger>
  <input type="text" />
</dd.Trigger>

It will always forcefully focus the element when user happens to start scroll on mobile having touch point on the trigger/input element.

[cibernox]

That was kind of intentional, so users can start typing (and filtering) the options immediately.
What improvement do you suggest? Make the focus in optional?

[raido]

Could we wrap target.focus() with "hasMoved()" check as well, so there is certain threshold before focus() is called?

In my app with current implementation if I want to quickly scroll to bottom of my "view" and I happen to hit trigger element, then it is impossible to scroll down because input gets focused and browser viewport is scrolled back to element at hand.