chore: fix

taiga-family · Dec 19, 2024 · c6bd2db · c6bd2db
1 parent 761d14a
commit c6bd2db
Showing 1 changed file with 3 additions and 2 deletions.
diff --git a/.../experimental/components/input-phone-international/input-phone-international.component.ts b/.../experimental/components/input-phone-international/input-phone-international.component.ts
@@ -31,7 +31,7 @@ import {
     TuiAutoFocus,
     tuiAutoFocusOptionsProvider,
 } from '@taiga-ui/cdk/directives/auto-focus';
-import {tuiFallbackValueProvider} from '@taiga-ui/cdk/tokens';
+import {TUI_IS_IOS, tuiFallbackValueProvider} from '@taiga-ui/cdk/tokens';
 import {tuiInjectElement, tuiIsInputEvent} from '@taiga-ui/cdk/utils/dom';
 import {tuiDirectiveBinding} from '@taiga-ui/cdk/utils/miscellaneous';
 import {TuiButton} from '@taiga-ui/core/components/button';
@@ -96,7 +96,7 @@ const NOT_FORM_CONTROL_SYMBOLS = /[^+\d]/g;
     host: {
         type: 'tel',
         '[attr.readonly]': 'readOnly() || null',
-        '[attr.inputmode]': 'open() ? "none" : null',
+        '[attr.inputmode]': '!ios && open() ? "none" : null',
         '[disabled]': 'disabled()',
         '[value]': 'masked()',
         '(blur)': 'onTouched()',
@@ -110,6 +110,7 @@ export class TuiInputPhoneInternational extends TuiControl<string> {
     protected readonly list: QueryList<ElementRef<HTMLButtonElement>> = EMPTY_QUERY;
 
     protected readonly el = tuiInjectElement<HTMLInputElement>();
+    protected readonly ios = inject(TUI_IS_IOS);
     protected readonly icons = inject(TUI_COMMON_ICONS);
     protected readonly options = inject(TUI_INPUT_PHONE_INTERNATIONAL_OPTIONS);
     protected readonly countries = signal(this.options.countries);