Automatically trigger autocomplete on focus.

[SiriusXT]

Automatically trigger autocomplete on focus, which can achieve:

1. Automatically display suggestions when input is focused, without needing to input any text.
2. Automatically show recent notes when creating a new tab.

[eliandoran]

@SiriusXT , although an interesting contribution, there are two downsides to this approach that I can notice:

1. There is a short blink between adding a new tab and the popup showing.
2. If there are multiple workspaces, the workspace switcher which resides just under the search bar is completely covered.
   • This means that a user has to press Escape or click outside to hide the popup, resulting in one extra action that needs to be done in order to switch workspaces.
   • I think this one can be mitigated by either moving the workspace switcher above the search box or using a list-based approach for autocompletion (similar to how I implemented the jump-to-note one).
   • The biggest issue is that new users who are not aware that there is a workspace switcher underneath the auto-triggered completion will not discover it easily.

Whilst the first one is not that important, the second one would be a deal-breaker.

[SiriusXT]

1. There is a short blink between adding a new tab and the popup showing.

   2. If there are multiple workspaces, the workspace switcher which resides just under the search bar is completely covered.

      • This means that a user has to press Escape or click outside to hide the popup, resulting in one extra action that needs to be done in order to switch workspaces.
      • I think this one can be mitigated by either moving the workspace switcher above the search box or using a list-based approach for autocompletion (similar to how I implemented the jump-to-note one).
      • The biggest issue is that new users who are not aware that there is a workspace switcher underneath the auto-triggered completion will not discover it easily.

Whilst the first one is not that important, the second one would be a deal-breaker.

1. Placing noteAutocompleteService.showRecentNotes(this.$autoComplete); inside doRender doesn’t seem to cause flickering.
2. Has been modified to always display autocompletion. And move the workspace above the search input.