Currently, I am facing an issue with keeping a div in an absolute position at the bottom right corner. The problem arises when the content overflows and causes the absolute position to move along with the parent instead of staying fixed.
This particular situation is complicated because I am working within the constraints of the Material UI React framework.
The parent element has been styled with a relative position:
const MUIPaper = withStyles({
root: {
position: "relative",
overflow: "auto"
}
})(Paper);
While the child element uses absolute positioning:
const MUIButton = withStyles(theme => ({
root: {
position: "absolute",
bottom: "1%",
right: "1%"
}
}))(Button);
I have come across similar questions from around 2012 stating that it was not possible to resolve this issue. However, I am curious if there have been any updates or workarounds without resorting to using a fixed position?