🐞 - v.4.0.0-rc.2 Input Phone international error

[Khaled G.]

Playground Link

No response

Description

The error causes the input field not to render.

Angular version

18.0.4

Taiga UI version

4.0.0-rc.2

Which browsers have you used?

• Chrome
• Firefox
• Safari
• Edge

Which operating systems have you used?

• macOS
• Windows
• Linux
• iOS
• Android

[Alex Inkin]

I wonder if it's because we have this:

export class TuiSelect extends TuiTextfieldDirective {

and TuiTextfieldDirective already has hostDirectives: [TuiNativeValidator, TuiAppearance],. Strange that it didn't cause issues with Angular 16 in our demo.

[Khaled G.]

I am frankly not familiar with hostDirectives yet. Will need to read more about it. But for what it's worth, I had Angular 18 with Taiga 3 and the Input phone international was working there.

[Alex Inkin]

This looks like a regression bug with Angular from 16 to 17, which is super bad. We'll see what can be done about it.
16:
https://stackblitz.com/edit/stackblitz-starters-bwkp4z
17:
https://stackblitz.com/edit/stackblitz-starters-q3mj5v

Filed an issue in the meantime:
angular/angular#56841