Fix animating to search by peer when collapsed sidebar Improve search

H7GhosT · H7GhosT · commit 9cf54e01f2b5 · 2025-11-06T14:42:34.000+02:00
messages flickering
diff --git a/src/components/appSearchSuper..ts b/src/components/appSearchSuper..ts
@@ -109,6 +109,8 @@ import {MyStarGift} from '../lib/appManagers/appGiftsManager';
 import wrapSticker from './wrappers/sticker';
 import {unwrap} from 'solid-js/store';
 import {AutonomousSavedDialogList} from './autonomousDialogList/savedDialogs';
+import SetTransition from './singleTransition';
+import liteMode from '../helpers/liteMode';
 
 // const testScroll = false;
 
@@ -1120,6 +1122,21 @@ export default class AppSearchSuper {
       searchGroup = this.searchGroups.messages;
     }
 
+    if(liteMode.isAvailable('animations')) {
+      searchGroup.container.classList.add('is-hidden');
+
+      setTimeout(() => SetTransition({
+        element: searchGroup.container,
+        className: 'is-visible',
+        forwards: true,
+        duration: 250,
+        onTransitionEnd: () => {
+          searchGroup.container.classList.remove('is-hidden');
+          searchGroup.container.classList.remove('is-visible');
+        }
+      }), 100); // doesn't properly animate without it, even useRafs don't really help
+    }
+
     const options: ProcessSearchSuperResult = {
       elemsToAppend,
       inputFilter,
diff --git a/src/components/forumTab/forumTab.ts b/src/components/forumTab/forumTab.ts
@@ -1,7 +1,9 @@
 import IS_TOUCH_SUPPORTED from '../../environment/touchSupport';
 import {attachClickEvent} from '../../helpers/dom/clickEvent';
 import handleTabSwipe from '../../helpers/dom/handleTabSwipe';
+import liteMode from '../../helpers/liteMode';
 import safeAssign from '../../helpers/object/safeAssign';
+import pause from '../../helpers/schedulers/pause';
 import appDialogsManager from '../../lib/appManagers/appDialogsManager';
 import {AppManagers} from '../../lib/appManagers/managers';
 import {logger} from '../../lib/logger';
@@ -99,8 +101,9 @@ export class ForumTab extends SliderSuperTabEventable {
     }
 
     const searchButton = ButtonIcon('search');
-    attachClickEvent(searchButton, () => {
+    attachClickEvent(searchButton, async() => {
       appSidebarLeft.closeEverythingInside();
+      if(liteMode.isAvailable('animations')) await pause(400);
       appSidebarLeft.initSearch().openWithPeerId(this.peerId);
     });
 
diff --git a/src/scss/partials/_chatlist.scss b/src/scss/partials/_chatlist.scss
@@ -88,6 +88,24 @@
       margin-bottom: 0;
     }
 
+    &.is-hidden {
+      opacity: 0;
+    }
+
+    &.is-visible {
+      &:not(.backwards) {
+        opacity: 1;
+      }
+
+      &.animating {
+        transition: opacity var(--transition-standard-in);
+
+        &.backwards {
+          transition: opacity var(--transition-standard-out);
+        }
+      }
+    }
+
     &__name {
       color: var(--secondary-text-color);
       padding: 0 23px;
