fix: adding a query parameter in Playground requires one extra click to type in search field

[MrFlashAccount]

Check List

• Tests has been run in packages where changes made if available
• Linter has been run for changed code
• Tests for the changes have been added if not covered yet
• Docs have been added / updated if required

Description of Changes Made (if issue reference is not provided)

this PR add focusing in input on opening the menu and on typing within the list

[codecov]

Codecov Report

Merging #4295 (d0cdd77) into master (add2dd3) will not change coverage.
The diff coverage is n/a.

@@           Coverage Diff            @@
##           master    #4295    +/-   ##
========================================
  Coverage   59.02%   59.02%            
========================================
  Files         133      133            
  Lines       10885    10885            
  Branches     2565     2662    +97     
========================================
  Hits         6425     6425            
+ Misses       4185     3987   -198     
- Partials      275      473   +198     

Flag	Coverage Δ
cube-backend	59.02% <ø> (ø)

Flags with carried forward coverage won't be shown. Click here to find out more.

Impacted Files	Coverage Δ
packages/cubejs-api-gateway/src/jwk.ts	11.47% <0.00%> (ø)
packages/cubejs-backend-shared/src/env.ts	33.33% <0.00%> (ø)
packages/cubejs-api-gateway/src/gateway.ts	66.05% <0.00%> (ø)
packages/cubejs-api-gateway/src/graphql.ts	4.16% <0.00%> (ø)
packages/cubejs-backend-shared/src/time.ts	28.57% <0.00%> (ø)
packages/cubejs-backend-shared/src/proxy.ts	23.52% <0.00%> (ø)
packages/cubejs-backend-shared/src/track.ts	29.72% <0.00%> (ø)
packages/cubejs-backend-shared/src/errors.ts	28.57% <0.00%> (ø)
packages/cubejs-api-gateway/src/sql-server.ts	6.89% <0.00%> (ø)
packages/cubejs-backend-shared/src/helpers.ts	56.75% <0.00%> (ø)
... and 23 more

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update add2dd3...d0cdd77. Read the comment docs.

[tenphi]

Looks weird. We do focus on every key except these two? It should break keyboard navigation hard.

[MrFlashAccount]

I'm not sure it's weird, though. When we navigate the menu and can't find the needed item, we can start typing, and even if the input isn't focused, the text will be typed in the input. This is a nice pattern :)

Screen.Recording.2022-03-31.at.20.56.21.mov

[MrFlashAccount]

Also, there is no keyboard navigation except navigation within the list. I've tested.

[tenphi]

The pattern is good. But keyboard navigation includes: Space, Enter, PageUp, PageDown, Up, Down, Right, Left (yeah, horizontal, even in a vertical layout). Maybe we should test an event for a character and only in that case do the focus.