chore: fix

taiga-family · Dec 16, 2024 · 72c1c5a · 72c1c5a
1 parent 711fdb4
commit 72c1c5a
Show file tree

Hide file tree

Showing 7 changed files with 13 additions and 43 deletions.
diff --git a/projects/cdk/directives/index.ts b/projects/cdk/directives/index.ts
@@ -9,7 +9,6 @@ export * from '@taiga-ui/cdk/directives/focus-trap';
 export * from '@taiga-ui/cdk/directives/for';
 export * from '@taiga-ui/cdk/directives/high-dpi';
 export * from '@taiga-ui/cdk/directives/hovered';
-export * from '@taiga-ui/cdk/directives/input-mode';
 export * from '@taiga-ui/cdk/directives/item';
 export * from '@taiga-ui/cdk/directives/let';
 export * from '@taiga-ui/cdk/directives/media';

diff --git a/projects/cdk/directives/input-mode/index.ts b/projects/cdk/directives/input-mode/index.ts
diff --git a/projects/cdk/directives/input-mode/input-mode.directive.ts b/projects/cdk/directives/input-mode/input-mode.directive.ts
diff --git a/projects/cdk/directives/input-mode/ng-package.json b/projects/cdk/directives/input-mode/ng-package.json
diff --git a/projects/core/styles/theme/appearance/textfield.less b/projects/core/styles/theme/appearance/textfield.less
@@ -29,6 +29,13 @@
         }
     });
 
+    .appearance-active({
+        &:not([tuiWrapper]):before,
+        &:not([tuiWrapper]):after {
+            color: var(--tui-text-primary);
+        }
+    });
+
     .appearance-focus({
         box-shadow: none;
         outline: 0.125rem solid var(--tui-background-accent-1);

diff --git a/.../experimental/components/input-phone-international/input-phone-international.component.ts b/.../experimental/components/input-phone-international/input-phone-international.component.ts
@@ -27,8 +27,7 @@ import {
     TuiAutoFocus,
     tuiAutoFocusOptionsProvider,
 } from '@taiga-ui/cdk/directives/auto-focus';
-import {TuiInputMode} from '@taiga-ui/cdk/directives/input-mode';
-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';
@@ -89,8 +88,9 @@ const NOT_FORM_CONTROL_SYMBOLS = /[^+\d]/g;
         tuiFallbackValueProvider(''),
         tuiAutoFocusOptionsProvider({preventScroll: true}),
     ],
-    hostDirectives: [MaskitoDirective, TuiWithTextfield, TuiInputMode],
+    hostDirectives: [MaskitoDirective, TuiWithTextfield],
     host: {
+        '[attr.inputmode]': '!ios && open() ? "none" : "numeric"',
         '[attr.readonly]': 'readOnly() || null',
         '[disabled]': 'disabled()',
         '[value]': 'masked()',
@@ -105,6 +105,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);
@@ -126,12 +127,6 @@ export class TuiInputPhoneInternational extends TuiControl<string> {
             maskitoTransform(this.value(), this.mask() || {mask: /.*/}) || this.el.value,
     );
 
-    protected readonly inputMode = tuiDirectiveBinding(
-        TuiInputMode,
-        'tuiInputMode',
-        computed(() => (this.open() ? 'none' : 'numeric')),
-    );
-
     protected readonly filtered = computed(() =>
         this.countries()
             .map((iso) => ({

diff --git a/...experimental/components/input-phone-international/input-phone-international.template.html b/...experimental/components/input-phone-international/input-phone-international.template.html
@@ -24,19 +24,20 @@
 <ng-container *tuiTextfieldDropdown>
     <div
         *ngIf="countrySearch"
+        #element
         class="t-ipi-search"
     >
         <tui-textfield
             [iconStart]="icons.search"
             [tuiTextfieldSize]="size() === 's' ? 's' : 'm'"
         >
             <input
-                tuiAutoFocus
                 tuiTextfield
                 [focused]="true"
                 [ngModel]="search()"
                 [ngModelOptions]="{standalone: true}"
                 [placeholder]="label()"
+                [tuiAutoFocus]="!!element.closest('tui-dropdown-mobile')"
                 (keydown.arrowDown)="list.get(0)?.nativeElement?.focus()"
                 (ngModelChange)="search.set($event)"
             />