Skip to content

fix(material/menu): focus lost if active item is removed - #14039

Merged
crisbeto merged 1 commit into
angular:masterfrom
crisbeto:14028/menu-item-swap-focus
Feb 27, 2022
Merged

fix(material/menu): focus lost if active item is removed#14039
crisbeto merged 1 commit into
angular:masterfrom
crisbeto:14028/menu-item-swap-focus

Conversation

@crisbeto

Copy link
Copy Markdown
Member

Fixes the user's focus being lost if the active item is destroyed while a menu is open.

Fixes#14028.

@crisbetocrisbeto added Accessibility This issue is related to accessibility (a11y) merge: caretaker note Alert the caretaker performing the merge to check the PR for an out of normal action needed or note target: patch This PR is targeted for the next patch release labels Nov 8, 2018
@googlebotgooglebot added the cla: yes PR author has agreed to Google's Contributor License Agreement label Nov 8, 2018
@crisbeto

Copy link
Copy Markdown
MemberAuthor

Caretaker note: this might cause some unflushed timer errors in people's tests. Depending on the amount of presubmit issues, we could wait for #11720 to be merged which will allow us to remove the timer.

@ngbot

ngbotBot commented Nov 27, 2018

Copy link
Copy Markdown

Hi @crisbeto! This PR has merge conflicts due to recent upstream merges.
Please help to unblock it by resolving these conflicts. Thanks!

1 similar comment
@ngbot

ngbotBot commented Nov 27, 2018

Copy link
Copy Markdown

Hi @crisbeto! This PR has merge conflicts due to recent upstream merges.
Please help to unblock it by resolving these conflicts. Thanks!

@crisbeto
crisbetoforce-pushed the 14028/menu-item-swap-focus branch from 141b21e to 36ac000CompareNovember 27, 2018 17:51
@jelbourn

Copy link
Copy Markdown
Contributor

I suspect adding the new async will break a large number of tests. If you rebase I can do a preliminary check to see.

@crisbeto
crisbetoforce-pushed the 14028/menu-item-swap-focus branch from 36ac000 to bcb9ad3CompareDecember 5, 2018 18:59
@crisbeto

Copy link
Copy Markdown
MemberAuthor

Rebased @jelbourn.

@crisbeto
crisbetoforce-pushed the 14028/menu-item-swap-focus branch from bcb9ad3 to fcbf76cCompareFebruary 27, 2019 22:03
@mmalerbammalerba added aaa and removed aaa labels Apr 25, 2019
@andrewseguinandrewseguin added the P3 An issue that is relevant to core functions, but does not impede progress. Important, but not urgent label May 30, 2019
@crisbeto
crisbetoforce-pushed the 14028/menu-item-swap-focus branch from fcbf76c to 65fcff4CompareJune 2, 2019 08:40
@crisbeto
crisbetoforce-pushed the 14028/menu-item-swap-focus branch from 65fcff4 to c91ba96CompareOctober 5, 2019 11:45
@crisbeto
crisbetoforce-pushed the 14028/menu-item-swap-focus branch from c91ba96 to 48842caCompareMarch 20, 2020 22:30
@andrewseguinandrewseguin removed the cla: yes PR author has agreed to Google's Contributor License Agreement label Dec 29, 2021
@crisbeto
crisbetoforce-pushed the 14028/menu-item-swap-focus branch from 48842ca to 912e46fCompareFebruary 26, 2022 17:20
@crisbetocrisbeto changed the title fix(menu): focus lost if active item is removedfix(material/menu): focus lost if active item is removedFeb 26, 2022
@crisbetocrisbeto added action: merge The PR is ready for merge by the caretaker and removed needs rebase labels Feb 26, 2022
@crisbeto
crisbetoforce-pushed the 14028/menu-item-swap-focus branch 2 times, most recently from 1ea75b9 to 93fadb2CompareFebruary 27, 2022 15:30
Fixes the user's focus being lost if the active item is destroyed while a menu is open.
Fixesangular#14028.
@crisbeto
crisbetoforce-pushed the 14028/menu-item-swap-focus branch from 93fadb2 to 56349ccCompareFebruary 27, 2022 16:19
@crisbeto
crisbeto requested a review from a teamFebruary 27, 2022 16:19
@crisbeto
crisbeto merged commit dc4fbcf into angular:masterFeb 27, 2022
crisbeto added a commit that referenced this pull request Feb 27, 2022
Fixes the user's focus being lost if the active item is destroyed while a menu is open.
Fixes#14028.
(cherry picked from commit dc4fbcf)
crapStone pushed a commit to Calciumdibromid/CaBr2 that referenced this pull request Mar 8, 2022
This PR contains the following updates:
| Package | Type | Update | Change |
|---|---|---|---|
| [@angular/cdk](https://github.com/angular/components) | dependencies | patch | [`13.2.4` -> `13.2.5`](https://renovatebot.com/diffs/npm/@angular%2fcdk/13.2.4/13.2.5) |
| [@angular/material](https://github.com/angular/components) | dependencies | patch | [`13.2.4` -> `13.2.5`](https://renovatebot.com/diffs/npm/@angular%2fmaterial/13.2.4/13.2.5) |
---
### Release Notes
<details>
<summary>angular/components</summary>
### [`v13.2.5`](https://github.com/angular/components/blob/HEAD/CHANGELOG.md#&#8203;1325-satin-sash-2022-03-02)
[Compare Source](angular/components@13.2.4...13.2.5)
##### cdk
| Commit | Type | Description |
| -- | -- | -- |
| [9e34a0f69f](angular/components@9e34a0f) | fix | **drag-drop:** error if preview dimensions are accessed too early ([#&#8203;24498](angular/components#24498)) |
| [9be3c46b01](angular/components@9be3c46) | fix | **testing:** TestElement sendKeys method should throw if no keys have been specified ([#&#8203;18271](angular/components#18271)) |
| [8e57a89cba](angular/components@8e57a89) | perf | **overlay:** add event listeners for overlay dispatchers outside of zone ([#&#8203;24408](angular/components#24408)) |
##### material
| Commit | Type | Description |
| -- | -- | -- |
| [ed2f516401](angular/components@ed2f516) | fix | **autocomplete:** auto-highlighted first option not display correctly if the floating label is disabled ([#&#8203;14507](angular/components#14507)) |
| [502102116e](angular/components@5021021) | fix | **autocomplete:** don't block default arrow keys when using modifiers ([#&#8203;11987](angular/components#11987)) |
| [f31fd3f066](angular/components@f31fd3f) | fix | **autocomplete:** reopen panel on input click ([#&#8203;16020](angular/components#16020)) |
| [5a79042d7d](angular/components@5a79042) | fix | **button-toggle:** use solid border color ([#&#8203;14253](angular/components#14253)) |
| [e2d4eecfcb](angular/components@e2d4eec) | fix | **checkbox:** inconsistent disabled color ([#&#8203;23083](angular/components#23083)) |
| [005ec323de](angular/components@005ec32) | fix | **checkbox:** incorrect text color when placed inside an overlay with a dark theme ([#&#8203;19054](angular/components#19054)) |
| [d7cbd1315f](angular/components@d7cbd13) | fix | **datepicker:** matDatepickerParse error not being added on first invalid value ([#&#8203;11524](angular/components#11524)) |
| [046022f31d](angular/components@046022f) | fix | **datepicker:** use aria-live over cdkAriaLive on period button ([#&#8203;24398](angular/components#24398)) |
| [37f69dbf7e](angular/components@37f69db) | fix | **dialog:** use passed in ComponentFactoryResolver to resolve dialog content ([#&#8203;17710](angular/components#17710)) |
| [2e15f54a9f](angular/components@2e15f54) | fix | **menu:** focus lost if active item is removed ([#&#8203;14039](angular/components#14039)) |
| [ea07fa8e64](angular/components@ea07fa8) | fix | **progress-spinner:** unable to change mode on spinner directive ([#&#8203;14514](angular/components#14514)) |
| [1a498a6a81](angular/components@1a498a6) | fix | **sort:** remove role from header when disabled ([#&#8203;24477](angular/components#24477)) |
| [72019531db](angular/components@7201953) | fix | **tooltip:** don't hide when pointer moves to tooltip ([#&#8203;24475](angular/components#24475)) |
##### material-experimental
| Commit | Type | Description |
| -- | -- | -- |
| [7b85cc077c](angular/components@7b85cc0) | fix | **mdc-button:** density styles being overwritten by structural styles ([#&#8203;22736](angular/components#22736)) |
| [aeb1426e4c](angular/components@aeb1426) | fix | **mdc-chips:** expose avatar harness ([#&#8203;24499](angular/components#24499)) |
#### Special Thanks
Andrew Seguin, Artur Androsovych, Jeri Peier, Kristiyan Kostadinov, Paul Gschwendtner, Yousaf Nawaz and Zach Arend
<!-- CHANGELOG SPLIT MARKER -->
</details>
---
### Configuration
📅 **Schedule**: At any time (no schedule defined).
🚦 **Automerge**: Disabled by config. Please merge this manually once you are satisfied.
♻ **Rebasing**: Whenever PR becomes conflicted, or you tick the rebase/retry checkbox.
🔕 **Ignore**: Close this PR and you won't be reminded about these updates again.
---
- [ ] <!-- rebase-check -->If you want to rebase/retry this PR, click this checkbox.
---
This PR has been generated by [Renovate Bot](https://github.com/renovatebot/renovate).
Co-authored-by: cabr2-bot <cabr2.help@gmail.com>
Reviewed-on: https://codeberg.org/Calciumdibromid/CaBr2/pulls/1199
Reviewed-by: Epsilon_02 <epsilon_02@noreply.codeberg.org>
Co-authored-by: Calciumdibromid Bot <cabr2_bot@noreply.codeberg.org>
Co-committed-by: Calciumdibromid Bot <cabr2_bot@noreply.codeberg.org>
@angular-automatic-lock-bot

Copy link
Copy Markdown

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-botangular-automatic-lock-botBot locked and limited conversation to collaborators Mar 30, 2022
Sign up for freeto subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

AccessibilityThis issue is related to accessibility (a11y)action: mergeThe PR is ready for merge by the caretakermerge: caretaker noteAlert the caretaker performing the merge to check the PR for an out of normal action needed or noteP3An issue that is relevant to core functions, but does not impede progress. Important, but not urgenttarget: patchThis PR is targeted for the next patch release

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Focus drops to body if a menu item is removed while focused

5 participants

@crisbeto@jelbourn@googlebot@mmalerba@andrewseguin