I want to shift the menu to the left side of the page so that there is no space in between. but no matter what i do its not shifting to left side. please suggest some solution.
following is my relevant code:
<Menu
anchorReference="anchorPosition"
anchorPosition={{ top: 90, left: 0 }}
anchorOrigin={{
vertical: "bottom",
horizontal: "left",
}}
transformOrigin={{ vertical: "top", horizontal: "left" }}
keepMounted
open={open}
onClose={handleClose}
classes={{ paper: classes.menuPaper }}
>
styles for popover from classes object:
menuPaper: {
backgroundColor: theme.palette.secondary.light,
width: "100%",
maxWidth: "unset",
},
I figured it out finally. there is this props margin treshold in popever. i put value of 0 and it worked. @Mateen was right