search

taiga-family / taiga-ui

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

🐞 - Using `tuiAutoFocus` on `InputPhoneInternational` doesn't focus the phoneNumber input anymore #9543

Open FranckG28 opened 3 days ago

FranckG28 commented 3 days ago

Reproduction url

https://stackblitz.com/edit/angular-tzfn4f?file=src%2Fapp%2Fapp.component.ts

Description

Since v4, usage of the tuiAutoFocus directive on InputPhoneInternational is focusing the countryIsoCode selector, preventing the user to directly start typing a phone number. image

This is a regression from v3 where the phoneNumber input is focused, which I think is the right behavior. image v3 reproduction example here

Taiga UI version

4.11

Browser Used

Chrome

OS Used

macOS

waterplea commented 3 days ago

I have an idea to turn it into regular textfield, rather than specific tui-input-phone-international so people will have access to native input:

<tui-textfield>
  <input tuiInputPhoneInternational />
</tui-textfield>

That would fix this issue.