disable back animation

2 files changed, 4 insertions, 1 deletions

diff --git a/apps/web/src/components/editor/media-panel/views/stickers.tsx b/apps/web/src/components/editor/media-panel/views/stickers.tsx
index b6c64bd0..0d293242 100644
--- a/apps/web/src/components/editor/media-panel/views/stickers.tsx
+++ b/apps/web/src/components/editor/media-panel/views/stickers.tsx
@@ -358,6 +358,7 @@ function StickersContentView({ category }: { category: StickerCategory }) {
           }
           value={localSearchQuery}
           onChange={setLocalSearchQuery}
+          disableAnimation={true}
         />
       </div>
 
diff --git a/apps/web/src/components/ui/input-with-back.tsx b/apps/web/src/components/ui/input-with-back.tsx
index ea225c14..cae9f8c9 100644
--- a/apps/web/src/components/ui/input-with-back.tsx
+++ b/apps/web/src/components/ui/input-with-back.tsx
@@ -12,6 +12,7 @@ interface InputWithBackProps {
   placeholder?: string;

   value?: string;

   onChange?: (value: string) => void;

+  disableAnimation?: boolean;

 }

 

 export function InputWithBack({

@@ -20,12 +21,13 @@ export function InputWithBack({
   placeholder = "Search anything",

   value,

   onChange,

+  disableAnimation = false,

 }: InputWithBackProps) {

   const [containerRef, setContainerRef] = useState<HTMLDivElement | null>(null);

   const [buttonOffset, setButtonOffset] = useState(-60);

 

   const smoothTransition = {

-    duration: 0.35,

+    duration: disableAnimation ? 0 : 0.35,

     ease: [0.25, 0.1, 0.25, 1] as const,

   };