Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Tabbing into first input in custom form field control doesn't cause the control to be focused properly. Doesn't happen until tabbing to the second input #10998

Closed
petsmatt opened this issue Apr 25, 2018 · 4 comments
Assignees

Comments

@petsmatt
Copy link

petsmatt commented Apr 25, 2018

Bug, feature request, or proposal:

Bug

What is the expected behavior?

Tabbing into the first element of the custom form field control should cause the control to gain focus and display the child input fields.

What is the current behavior?

Tabbing into the first element places the cursor over the placeholder text only and doesn't open up the input properly

What are the steps to reproduce?

This can be seen in the current documentation with the example provided on (https://material.angular.io/guide/creating-a-custom-form-field-control) tabbing into the custom phone number field doesn't cause the first part of the custom phone number to gain focus

What is the use-case or motivation for changing an existing behavior?

User experience

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

^5.2.4

Is there anything else we should know?

@WizardPC
Copy link

Reproductible 👍

issue_10998

@mmalerba
Copy link
Contributor

mmalerba commented May 2, 2018

I think this is a side-effect from the fact that the FocusMonitor doesn't re-enter the zone before emitting. #10549 will probably fix it.

@mmalerba mmalerba added the needs triage This issue needs to be triaged by the team label May 20, 2020
@mmalerba
Copy link
Contributor

confirmed that this is fixed now

@mmalerba mmalerba removed the needs triage This issue needs to be triaged by the team label May 27, 2020
@angular-automatic-lock-bot
Copy link

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

This action has been performed automatically by a bot.

@angular-automatic-lock-bot angular-automatic-lock-bot bot locked and limited conversation to collaborators Jun 27, 2020
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants