taiga-family / taiga-ui

Angular UI Kit and components library for awesome people
https://taiga-ui.dev
Apache License 2.0
3.24k stars 450 forks source link

🐞 - InputCardGroup wrong autofill behaviour #9410

Closed Kringiner closed 5 days ago

Kringiner commented 2 weeks ago

Reproduction url

https://stackblitz.com/edit/angular-7e9kl3?file=src%2Fapp%2Fapp.template.html,src%2Fapp%2Fapp.component.ts&hideExplorer=1

Description

On Safari, when use credit card autofill (pan + expire date) focus dont move from expire input (stay on the end of date) to cvc. On Firefox, same case but focus remains on PAN input.

P.S. on demo page https://taiga-ui.dev/components/input-card-group - when use autofill card on Chome card data paste to all inputs examples (maybe its problem). Example also reproduce on demo page.

Safari after autofill: Π‘Π½ΠΈΠΌΠΎΠΊ экрана 2024-10-09 Π² 14 37 23

Taiga UI version

4.10.0

Browser Used

Safari

OS Used

macOS

mdlufy commented 5 days ago

Reproduction url

https://stackblitz.com/edit/angular-7e9kl3?file=src%2Fapp%2Fapp.template.html,src%2Fapp%2Fapp.component.ts&hideExplorer=1

Description

On Safari, when use credit card autofill (pan + expire date) focus dont move from expire input (stay on the end of date) to cvc. On Firefox, same case but focus remains on PAN input.

P.S. on demo page https://taiga-ui.dev/components/input-card-group - when use autofill card on Chome card data paste to all inputs examples (maybe its problem). Example also reproduce on demo page.

Safari after autofill: Π‘Π½ΠΈΠΌΠΎΠΊ экрана 2024-10-09 Π² 14 37 23

Taiga UI version

4.10.0

Browser Used

Safari

OS Used

macOS

Safari fixed. For Firefox, please, create another issue if it's actual. Demo don't reproduce