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.

Sign up for GitHub

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

Jump to bottom

Feature request: MatTabGroup#focusFirst or MatTab#focus method #15007

Closed
ampled opened this issue Jan 30, 2019 · 1 comment · Fixed by #15228 or livepoll/live-poll#189
Closed

Feature request: MatTabGroup#focusFirst or MatTab#focus method #15007

ampled opened this issue Jan 30, 2019 · 1 comment · Fixed by #15228 or livepoll/live-poll#189
Assignees
@crisbeto
Labels
area: material/tabs feature This issue represents a new feature or feature request rather than a bug or bug fix P5 The team acknowledges the request but does not plan to address it, it remains open for discussion

Comments

@ampled
Copy link

ampled commented Jan 30, 2019

Please describe the feature you would like to request.

I would like to be able to programatically set focus on the first tab in an template-referenced exported Material Tab Group instance, much like the focus method on MatListOption#focus. or MatMenu#focusFirstItem

What is the use-case or motivation for this proposal?

It's very "nice to have", but it would make the available API consistent with other Material Components that has focus methods.
Any available focus method is helpful in avoiding document queries. Code feels cleaner without them.
@jelbourn jelbourn added feature This issue represents a new feature or feature request rather than a bug or bug fix P5 The team acknowledges the request but does not plan to address it, it remains open for discussion labels Feb 6, 2019
@crisbeto crisbeto self-assigned this Feb 18, 2019
crisbeto added a commit to crisbeto/material2 that referenced this issue Feb 18, 2019
@crisbeto
feat(tabs): add method for programmatically setting focus
4962c1d 
Adds a method that allows for focus to be moved to a particular tab. This is usually tricky, because all of the DOM elements are hidden away inside the tab group template.

Fixes angular#15007.
@crisbeto crisbeto mentioned this issue Feb 18, 2019
Merged
crisbeto added a commit to crisbeto/material2 that referenced this issue May 26, 2019
@crisbeto
feat(tabs): add method for programmatically setting focus
7089f50 
Adds a method that allows for focus to be moved to a particular tab. This is usually tricky, because all of the DOM elements are hidden away inside the tab group template.

Fixes angular#15007.
crisbeto added a commit to crisbeto/material2 that referenced this issue Feb 5, 2020
@crisbeto
feat(tabs): add method for programmatically setting focus
f20cdab 
Adds a method that allows for focus to be moved to a particular tab. This is usually tricky, because all of the DOM elements are hidden away inside the tab group template.

Fixes angular#15007.
crisbeto added a commit to crisbeto/material2 that referenced this issue Feb 21, 2020
@crisbeto
feat(tabs): add method for programmatically setting focus
4a970db 
Adds a method that allows for focus to be moved to a particular tab. This is usually tricky, because all of the DOM elements are hidden away inside the tab group template.

Fixes angular#15007.
crisbeto added a commit to crisbeto/material2 that referenced this issue Dec 19, 2020
@crisbeto
feat(material/tabs): add method for programmatically setting focus
9e280b6 
Adds a method that allows for focus to be moved to a particular tab. This is usually
tricky, because all of the DOM elements are hidden away inside the tab group template.

Fixes angular#15007.
crisbeto added a commit to crisbeto/material2 that referenced this issue Dec 25, 2020
@crisbeto
feat(material/tabs): add method for programmatically setting focus
b450db7 
Adds a method that allows for focus to be moved to a particular tab. This is usually
tricky, because all of the DOM elements are hidden away inside the tab group template.

Fixes angular#15007.
crisbeto added a commit to crisbeto/material2 that referenced this issue Feb 9, 2021
@crisbeto
feat(material/tabs): add method for programmatically setting focus
aafd00c 
Adds a method that allows for focus to be moved to a particular tab. This is usually
tricky, because all of the DOM elements are hidden away inside the tab group template.

Fixes angular#15007.
annieyw pushed a commit that referenced this issue Mar 5, 2021
@crisbeto
feat(material/tabs): add method for programmatically setting focus (#…
d869d79 
…15228)

Adds a method that allows for focus to be moved to a particular tab. This is usually
tricky, because all of the DOM elements are hidden away inside the tab group template.

Fixes #15007.
This was referenced Mar 17, 2021
Closed
Merged
Closed
Closed
Closed
Closed
Closed
Closed
Closed
Closed
Closed
@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 Apr 5, 2021
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Assignees

@crisbeto crisbeto

Labels
area: material/tabs feature This issue represents a new feature or feature request rather than a bug or bug fix P5 The team acknowledges the request but does not plan to address it, it remains open for discussion
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

feat(material/tabs): add method for programmatically setting focus crisbeto/material2
Bump @angular/cdk from 11.2.4 to 11.2.5 livepoll/live-poll
Bump @angular/cdk from 11.2.2 to 11.2.5 in /src ToWipf/ToWipf.github.io
Bump @angular/cdk from 11.2.2 to 11.2.5 QutEcoacoustics/workbench-client
Bump @angular/google-maps from 11.2.2 to 11.2.5 QutEcoacoustics/workbench-client
build(deps): Bump @angular/material from 11.2.4 to 11.2.5 peavers-archive/terrible-angular-template
Bump @angular/cdk from 10.2.7 to 11.2.5 umr-dbs/wave
Bump @angular/material from 11.2.3 to 11.2.5 blockbasti/Audio4Live
Bump @angular/cdk from 11.2.4 to 11.2.5 frango9000/pokedex-ng
Bump @angular/cdk from 7.3.7 to 11.2.5 smart-football-table/smart-football-table-ui
4 participants
@jelbourn @crisbeto @ampled @andrewseguin