From eee2a96b28017795598bbd223d5406a22abf1560 Mon Sep 17 00:00:00 2001 From: vkletskin Date: Tue, 20 Jan 2026 16:27:38 +0300 Subject: [PATCH 1/4] =?UTF-8?q?fix(input-text):=20=D1=83=D0=B2=D0=B5=D0=BB?= =?UTF-8?q?=D0=B8=D1=87=D0=B5=D0=BD=D0=B0=20=D0=BE=D0=B1=D0=BB=D0=B0=D1=81?= =?UTF-8?q?=D1=82=D1=8C=20=D0=BD=D0=B0=D0=B6=D0=B0=D1=82=D0=B8=D1=8F=20?= =?UTF-8?q?=D0=BA=D0=BD=D0=BE=D0=BF=D0=BA=D0=B8=20=D0=B2=20InputText?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/Input/InputTextBase/InputTextBase.tsx | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/src/components/Input/InputTextBase/InputTextBase.tsx b/src/components/Input/InputTextBase/InputTextBase.tsx index 8caac17..63a1887 100644 --- a/src/components/Input/InputTextBase/InputTextBase.tsx +++ b/src/components/Input/InputTextBase/InputTextBase.tsx @@ -188,10 +188,10 @@ export const InputTextBase = memo< const rightButtonHitSlop = useMemo( () => ({ - top: 0, - bottom: 0, - left: styles.rightContainer.gap / 2, - right: styles.rightContainer.gap / 2, + top: 100, + bottom: 100, + left: styles.rightContainer.gap, + right: styles.rightContainer.gap, }), [styles.rightContainer.gap] ) From a2c00ca6eb8ae524f61b24eb2c1c6ab19a375077 Mon Sep 17 00:00:00 2001 From: vkletskin Date: Wed, 21 Jan 2026 08:08:05 +0300 Subject: [PATCH 2/4] =?UTF-8?q?fix(input-text):=20=D0=BA=D0=B5=D0=B9=D1=81?= =?UTF-8?q?=20=D0=B4=D0=BB=D1=8F=20=D0=B4=D0=B2=D1=83=D1=85=20=D0=BA=D0=BD?= =?UTF-8?q?=D0=BE=D0=BF=D0=BE=D0=BA?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- .../Input/InputTextBase/InputTextBase.tsx | 18 +++++++++++++++--- 1 file changed, 15 insertions(+), 3 deletions(-) diff --git a/src/components/Input/InputTextBase/InputTextBase.tsx b/src/components/Input/InputTextBase/InputTextBase.tsx index 63a1887..21c4108 100644 --- a/src/components/Input/InputTextBase/InputTextBase.tsx +++ b/src/components/Input/InputTextBase/InputTextBase.tsx @@ -186,14 +186,26 @@ export const InputTextBase = memo< const hasRightContent = loading || showClearButton || showSecureToggle || disabled + const isOnlyButton = useMemo(() => { + return ( + [showClearButton, showSecureToggle].filter((val) => { + return val + }).length === 1 + ) + }, [showClearButton, showSecureToggle]) + const rightButtonHitSlop = useMemo( () => ({ top: 100, bottom: 100, - left: styles.rightContainer.gap, - right: styles.rightContainer.gap, + left: isOnlyButton + ? styles.rightContainer.gap + : styles.rightContainer.gap / 2, + right: isOnlyButton + ? styles.rightContainer.gap + : styles.rightContainer.gap / 2, }), - [styles.rightContainer.gap] + [styles.rightContainer.gap, isOnlyButton] ) const texInputProps = useMemo( From 5e0244a14afb5ddd3b14b7a05abb75668b1561e9 Mon Sep 17 00:00:00 2001 From: vkletskin Date: Wed, 21 Jan 2026 08:13:16 +0300 Subject: [PATCH 3/4] refactor(input-text): simplify --- src/components/Input/InputTextBase/InputTextBase.tsx | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/src/components/Input/InputTextBase/InputTextBase.tsx b/src/components/Input/InputTextBase/InputTextBase.tsx index 21c4108..df9c089 100644 --- a/src/components/Input/InputTextBase/InputTextBase.tsx +++ b/src/components/Input/InputTextBase/InputTextBase.tsx @@ -188,9 +188,7 @@ export const InputTextBase = memo< const isOnlyButton = useMemo(() => { return ( - [showClearButton, showSecureToggle].filter((val) => { - return val - }).length === 1 + [showClearButton, showSecureToggle].filter((val) => val).length === 1 ) }, [showClearButton, showSecureToggle]) From 576af9454a1ed767c5b80276e9d02bd9c4ac669f Mon Sep 17 00:00:00 2001 From: vkletskin Date: Wed, 21 Jan 2026 08:20:05 +0300 Subject: [PATCH 4/4] =?UTF-8?q?docs(input-text):=20=D0=B4=D0=BE=D0=B1?= =?UTF-8?q?=D0=B0=D0=B2=D0=B8=D0=BB=20=D0=BA=D0=BE=D0=BC=D0=BC=D0=B5=D0=BD?= =?UTF-8?q?=D1=82?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/Input/InputTextBase/InputTextBase.tsx | 3 +++ 1 file changed, 3 insertions(+) diff --git a/src/components/Input/InputTextBase/InputTextBase.tsx b/src/components/Input/InputTextBase/InputTextBase.tsx index df9c089..55b13b2 100644 --- a/src/components/Input/InputTextBase/InputTextBase.tsx +++ b/src/components/Input/InputTextBase/InputTextBase.tsx @@ -194,6 +194,9 @@ export const InputTextBase = memo< const rightButtonHitSlop = useMemo( () => ({ + // Большие вертикальные отступы (100) - чтобы компенсировать возможное + // растягивание инпута по вертикали, при этом область тапа + // гарантированно не выйдет за пределы инпута top: 100, bottom: 100, left: isOnlyButton