Remove autofocus on materias select

Annoying on mobile
FdelMazo · Aug 21, 2023 · 3eb308a · 3eb308a
1 parent eb0c0d5
commit 3eb308a
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 7 deletions.
diff --git a/src/components/MateriasDrawer.js b/src/components/MateriasDrawer.js
@@ -94,15 +94,12 @@ const MateriasDrawer = (props) => {
     return codigosUnicos.filter(ValidMateria).map(getMateria);
   }, [selections.carreras]);
 
-  const buscarMateriaRef = React.useRef();
-
   return (
     <LightMode>
       <Drawer
         isOpen={isOpen}
         placement="right"
         onClose={onClose}
-        initialFocusRef={buscarMateriaRef}
       >
         <DrawerOverlay bg="blackAlpha.300" />
         <DrawerContent
@@ -111,7 +108,7 @@ const MateriasDrawer = (props) => {
           <Box pt={6} px={6}>
             <SelectCarreras />
             {!!materiasToShow.length && (
-              <SelectMateria ref={buscarMateriaRef} materiasToShow={materiasToShow} />
+              <SelectMateria materiasToShow={materiasToShow} />
             )}
           </Box>
 

diff --git a/src/components/SelectMateria.js b/src/components/SelectMateria.js
@@ -11,7 +11,7 @@ import React from "react";
 import { DataContext } from "../DataContext";
 import { stateReducer } from "../utils";
 
-const SelectMateria = React.forwardRef(({ materiasToShow }, ref) => {
+const SelectMateria = ({ materiasToShow }) => {
   const { toggleMateria, selections } = React.useContext(DataContext);
   const [search, setSearch] = React.useState("");
 
@@ -46,7 +46,7 @@ const SelectMateria = React.forwardRef(({ materiasToShow }, ref) => {
       <InputGroup w="100%" fontFamily="general" mt={4} mb={2}>
         <Input
           {...getToggleButtonProps()}
-          {...getInputProps({ ref })}
+          {...getInputProps()}
           colorScheme="primary"
           variant="outline"
           borderColor="primary"
@@ -108,6 +108,6 @@ const SelectMateria = React.forwardRef(({ materiasToShow }, ref) => {
       </List>
     </>
   );
-});
+};
 
 export default SelectMateria;