fix modal close scroll (#4162)

* fix modal close scroll

* update refresh

Author: newfish-cmyk

packages/web/components/common/MyModal/index.tsx

@@ -53,6 +53,7 @@ const MyModal = ({
       allowPinchZoom
       scrollBehavior={'inside'}
       closeOnOverlayClick={closeOnOverlayClick}
+      returnFocusOnClose={false}
     >
       <ModalOverlay />
       <ModalContent

packages/web/hooks/useLinkedScroll.tsx

@@ -1,4 +1,4 @@
-import { useEffect, useRef, useState, ReactNode, useCallback } from 'react';
+import { useEffect, useRef, useState, ReactNode } from 'react';
 import { LinkedListResponse, LinkedPaginationProps } from '../common/fetch/type';
 import { Box, BoxProps } from '@chakra-ui/react';
 import { useTranslation } from 'next-i18next';
@@ -64,11 +64,11 @@ export function useLinkedScroll<
 
   let scroolSign = useRef(false);
   const { runAsync: loadInitData } = useRequest2(
-    async (scrollWhenFinish = true) => {
+    async (scrollWhenFinish = true, refresh = false) => {
       if (!currentData || isLoading) return;
 
       const item = dataList.find((item) => item._id === currentData.id);
-      if (item) {
+      if (item && !refresh) {
         scrollToItem(item._id);
         return;
       }

projects/app/src/pageComponents/chat/ChatQuoteList/CollectionQuoteReader.tsx

@@ -260,7 +260,7 @@ const CollectionReader = ({
                 quoteRefs={itemRefs as React.MutableRefObject<(HTMLDivElement | null)[]>}
                 quoteIndex={item.quoteIndex}
                 setQuoteIndex={setQuoteIndex}
-                refreshList={() => loadInitData(false)}
+                refreshList={() => loadInitData(false, true)}
                 updated={item.updated}
                 isCurrentSelected={item.isCurrentSelected}
                 q={item.q}