From c6bd2db509b3fc7f98587e62ff0f36f9f0e88bf8 Mon Sep 17 00:00:00 2001 From: waterplea Date: Thu, 19 Dec 2024 15:24:33 +0400 Subject: [PATCH] chore: fix --- .../input-phone-international.component.ts | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/projects/experimental/components/input-phone-international/input-phone-international.component.ts b/projects/experimental/components/input-phone-international/input-phone-international.component.ts index 2c27a992414d..5cda76322dce 100644 --- a/projects/experimental/components/input-phone-international/input-phone-international.component.ts +++ b/projects/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 { protected readonly list: QueryList> = EMPTY_QUERY; protected readonly el = tuiInjectElement(); + 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);