[Bug] Sidenav is transparent on mobile ans small screens

[creativetimofficial]

[Bug] Sidenav is transparent on mobile ans small screens

[mark-w-325]

To keep consistent with the code being used, you should set the backgroundColor to the variable bgColor. This will allow you to use the dark them as well as light them. Below is the code I used:

return {
    "& .MuiDrawer-paper": {
      boxShadow: xxl,
      border: "none",
      backgroundColor: bgColor,

      ...(miniSidenav ? drawerCloseStyles() : drawerOpenStyles()),
    },
  };
});

[sajadevo]

This issue is fixed on v3.0.1.

[40uf411]

[40uf411]

This issue exists in the pro version as well.

[Manasseh-Ankrah]

I solved this issue by going to SidenavRoot.js file and changing the MuiDrawer-paper backgroundColor to white.

return {
"& .MuiDrawer-paper": {
boxShadow: xxl,
border: "none",
backgroundColor: "white",

...(miniSidenav ? drawerCloseStyles() : drawerOpenStyles()),
},
};

[aaronm-git]

To keep consistent with the code being used, you should set the backgroundColor to the variable bgColor. This will allow you to use the dark them as well as light them. Below is the code I used:

return {
    "& .MuiDrawer-paper": {
      boxShadow: xxl,
      border: "none",
      backgroundColor: bgColor,

      ...(miniSidenav ? drawerCloseStyles() : drawerOpenStyles()),
    },
  };
});

can we get this solution merged?