17 replies

Problem with transition height

Hi guys, I'm trying to hide the tabs on scroll down and show on scroll up but I'm facing this problem. Can anyone help me? I'm using MUI and this is how I toggle the height.

<Box
 sx={{
   display: "grid",
   gridTemplateRows: isShowTabs ? "1fr" : "0fr",
   transition: "500ms grid-template-rows ease",
 }}
 >
  ......
 </Box>

<Box
 sx={{
   display: "grid",
   gridTemplateRows: isShowTabs ? "1fr" : "0fr",
   transition: "500ms grid-template-rows ease",
 }}
 >
  ......
 </Box>

Problem with transition height

Similar Threads

Problem with transition height

Similar Threads

Similar Threads

Similar Threads