fix(DateInput): disable normalize of <Text /> for resolve css order i…

…ssue
VKCOM · Mar 5, 2024 · 0b3049f · 0b3049f
1 parent 54624b8
commit 0b3049f
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 1 deletion.
diff --git a/packages/vkui/src/components/DateInput/DateInput.module.css b/packages/vkui/src/components/DateInput/DateInput.module.css
@@ -1,4 +1,5 @@
 .DateInput__input {
+  display: block;
   flex-grow: 1;
   margin-inline: 10px 14px;
   z-index: var(--vkui_internal--z_index_form_field_element);

diff --git a/packages/vkui/src/components/DateInput/DateInput.tsx b/packages/vkui/src/components/DateInput/DateInput.tsx
@@ -241,7 +241,14 @@ export const DateInput = ({
         name={name}
         value={value ? format(value, enableTime ? 'DD.MM.YYYYTHH:mm' : 'DD.MM.YYYY') : ''}
       />
-      <Text className={styles['DateInput__input']} onKeyDown={handleKeyDown}>
+      <Text
+        className={styles['DateInput__input']}
+        onKeyDown={handleKeyDown}
+        // Инцидент: в PR https://github.com/VKCOM/VKUI/pull/6649 стабильно ломается порядок стилей
+        // из-за чего `.Typography--normalize` перебивает стили.
+        normalize={false}
+        Component="span" // для <span> нормализация не нужна
+      >
         <InputLike
           length={2}
           getRootRef={daysRef}