bug(Chips): Focus stays on previously selected chip on Safari

[GreedyA1]

Is this a regression?

• Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

v14.2.7

Description

V16

363442216_6196848013776536_2096603536609250986_n.mp4

v14 (Expected Behaviour)

363438212_6475955875819760_6253361408245698662_n.mp4

Reproduction

https://stackblitz.com/edit/s3j16l?file=src%2Fexample%2Fchips-overview-example.html

• open with safari
• click on chips

Expected Behavior

when new chip is clicked the focus should not be focused (gray)

MDC components doesn't have this issue on safari

https://stackblitz.com/edit/js-nkxcgf?file=index.js,index.html,style.css,index.scss,package.json

363451110_6847458658618392_5331546274073102050_n.mp4

363017069_6322294624548764_7793734526612546382_n.mp4

Actual Behavior

previously clicked chip will stay focused

Environment

• Angular:
• CDK/Material:
• Browser(s): Safari
• Operating System: MacOS, IOS

[andrewseguin]

Confirmed that the focus stays on the previous chip only in Safari

https://stackblitz.com/edit/s3j16l-j1xegl?file=src%2Fexample%2Fchips-overview-example.html,src%2Fexample%2Fchips-overview-example.ts

[zarend]

Hello folks,

This looks like an issue with Safari to me, rather than an issue with Angular components. This seems like it's possibly intended behavior by Safari.

MDC components doesn't have this issue on safari

I'm not sure I follow. In the Pure JS MDC Safari video, none of the chips are being focused.

Best regards,

Zach

[angular-automatic-lock-bot]

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.}