fix(kit): fix placeholder horizontal alignment

taiga-family · Dec 3, 2024 · 9e3c7d9 · 9e3c7d9
1 parent 23e08f5
commit 9e3c7d9
Showing 1 changed file with 4 additions and 1 deletion.
diff --git a/projects/kit/components/input-inline/input-inline.style.less b/projects/kit/components/input-inline/input-inline.style.less
@@ -1,5 +1,7 @@
 @import '@taiga-ui/core/styles/taiga-ui-local';
 
+@safari-safe-space: 1px;
+
 tui-input-inline {
     position: relative;
     display: inline-block;
@@ -12,14 +14,15 @@ tui-input-inline {
 
     > .t-before {
         padding-right: 0.02em; // to prevent caret shaking
-        margin-left: 1px; // to prevent hiding characters in safari
+        margin-left: @safari-safe-space; // to prevent hiding characters in safari
         white-space: pre;
         visibility: hidden;
     }
 
     > .t-placeholder {
         display: inline-block;
         min-inline-size: 1px;
+        margin-left: -@safari-safe-space;
     }
 
     > input {