Issue #220549 fix: Fixed alignment

tekdi · Jun 4, 2024 · 4a0a866 · 4a0a866
1 parent f9467db
commit 4a0a866
Showing 1 changed file with 6 additions and 5 deletions.
diff --git a/src/pages/attendance-history.tsx b/src/pages/attendance-history.tsx
@@ -442,7 +442,7 @@ const UserAttendanceHistory = () => {
   const handleSearchFocus = () => {
     const scrollSearchBox = searchRef.current;
     if (scrollSearchBox) {
-      scrollSearchBox.scrollIntoView();
+      scrollSearchBox.scrollIntoView({block: 'start', behavior: 'smooth'});
     }
   }
 
@@ -521,7 +521,7 @@ const UserAttendanceHistory = () => {
     setDisplayStudentList(updatedAttendanceList);
   };
 
-  const hadleScroolDown = () => {};
+  // const hadleScroolDown = () => {};
 
   return (
     <Box minHeight="100vh" textAlign={'center'}>
@@ -648,7 +648,7 @@ const UserAttendanceHistory = () => {
           />
           <Box mt={2}>
             {/*----------------------------search and Sort---------------------------------------*/}
-            <Stack mr={1} ml={1} ref={searchRef}>
+            <Stack mr={1} ml={1}>
               <Box
                 mt={'16px'}
                 mb={3}
@@ -672,15 +672,16 @@ const UserAttendanceHistory = () => {
                         background: theme.palette.warning.A700,
                         boxShadow: 'none',
                       }}
-                      onFocus={hadleScroolDown}
+                      // onFocus={hadleScroolDown}
+                      ref={searchRef}
                     >
                       <InputBase
                         value={searchWord}
                         sx={{ ml: 3, flex: 1, mb: '0', fontSize: '14px' }}
                         placeholder={t('COMMON.SEARCH_STUDENT') + '..'}
                         inputProps={{ 'aria-label': 'search student' }}
                         onChange={handleSearch}
-                        // onFocus={handleSearchFocus}
+                        onFocus={handleSearchFocus}
                       />
                       <IconButton
                         type="button"