Skip to content

fix(material/select): avoid intercepting keystrokes on inputs inside … - #33971

Closed
MMurareelal wants to merge 1 commit into
angular:mainfrom
MMurareelal:fix/select-input-focus-18069
Closed

MMurareelal wants to merge 1 commit into
angular:mainfrom
MMurareelal:fix/select-input-focus-18069

Conversation

@MMurareelal

Copy link
Copy Markdown

What does this PR do?

Prevents keyboard navigation and option selection from intercepting typing, space, or cursor keys when a user interacts with an <input> or <textarea> placed inside the <mat-select> overlay panel.

Which issue does this fix?

Fixes #18069

…panel

Prevent keyboard navigation and selection from intercepting typing, space,
or cursor keys when interacting with an input or textarea inside the select panel.

Fixes angular#18069
@google-cla

google-cla Bot commented Oct 18, 2026

Copy link
Copy Markdown

Thanks for your pull request! It looks like this may be your first contribution to a Google open source project. Before we can look at your pull request, you'll need to sign a Contributor License Agreement (CLA).

View this failed invocation of the CLA check for more information.

For the most up to date status, view the checks section at the bottom of the pull request.

const target = _getEventTarget<HTMLElement>(event);
const isInputTarget =
target &&
(target.nodeName === 'INPUT' ||

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We don't support inputs and textareas inside of mat-select, because it's not a valid accessibility pattern.

@crisbeto crisbeto closed this Oct 18, 2026
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

when click mat-select input focus another input

2 participants