The predefined variables dropdown in the "Run pipeline" cannot be searched using the keyboard

Summary

In #29159 (closed) we added predefined pipeline variables which are vizible in the "Run pipeline" form.

This list cannot be searched using keyboard input.

For example, given a list of variable values.

• dev
• qa
• test
• prod

Pressing the p key will not set the focus on the prod option.

While playing with this I noticed that pressing t navigates to the project file search page.

Most likely the project keyboard shortcuts event listeners are overwriting the default ones.

I have tried disabling keyboard shortcuts and refreshing the page, but this did not help.

I mention there are a couple of open feature requests aimed at this dropdown.

• Design: Update the "Run pipeline" form value dropdown to a combobox to accept new values
• Make it possible to set different types of variables values (dropdown, checkbox, etc)

This came up while working on the customer ticket #446808(internal only).

Steps to reproduce

1. Configure a pipeline using this sample.

variables:
  FLAG:
    value: "dev"
    options:
      - "dev"
      - "qa"
      - "test"
      - "prod"

2. Go to the pipelines page and hit "Run pipeline"
3. Expand the values list for FLAG and try changing to prod by hitting p on the keyboard.