From 70f0c0e81ef62aecc6b63c8dc2cd9f4bf6835670 Mon Sep 17 00:00:00 2001
From: EldarMuhamethanov <61377022+EldarMuhamethanov@users.noreply.github.com>
Date: Wed, 17 Jul 2024 15:32:54 +0300
Subject: [PATCH] fix(Search): fix ios button animation (#7196)

* fix(Search): fix ios button animation

* fix(Search): update screenshots
---
 packages/vkui/src/components/Search/Search.module.css | 9 ++++-----
 1 file changed, 4 insertions(+), 5 deletions(-)

diff --git a/packages/vkui/src/components/Search/Search.module.css b/packages/vkui/src/components/Search/Search.module.css
index ae3a2c7e70..4c16f508d5 100644
--- a/packages/vkui/src/components/Search/Search.module.css
+++ b/packages/vkui/src/components/Search/Search.module.css
@@ -159,21 +159,20 @@
 
 .Search__after {
   flex: 0;
-  transform: translate(50%);
   transform-origin: left;
   min-inline-size: initial;
   max-inline-size: min-content;
   pointer-events: none;
-  transition:
-    flex 0.3s var(--vkui--animation_easing_platform),
-    transform 0.3s var(--vkui--animation_easing_platform);
+  transition-timing-function: var(--vkui--animation_easing_platform);
+  transition-duration: 0.3s;
+  transition-property: flex, margin-inline;
   overflow: hidden;
+  margin-inline: 0;
 }
 
 .Search--focused .Search__after,
 .Search--has-value .Search__after {
   flex: 1;
-  transform: translate(0);
   pointer-events: initial;
   margin-inline: 4px calc(4px - var(--vkui--size_base_padding_horizontal--regular));
 }