'How can I keep an absolute div from disappearing when the parent collapse is collapsed? (Material-UI)

I have a Collapse element with a button that is absolutely positioned outside of the collapse. Basically, the collapse sits off to the right of the screen, with the button inside the screen ( so it hangs off the left of the collapse div).

So when you click it it toggles the collapse. However, when the collapse is set to collapsed, it hides the button. I've tried overflow, I've tried visibility. I've tried !important and forcing things. Z-index, etc. I'm sure there's a setting I don't know about.

I can see the div in the chrome inspector when it's collapsed, but it's invisible. What prop would I use on the button or the collapse to let the absolutely-positioned element show?

invisible element

Some CSS props on the button element under collapse

cssreactjsmaterial-ui


Sources

This article follows the attribution requirements of Stack Overflow and is licensed under CC BY-SA 3.0.

Source: Stack Overflow

Solution Source

Related Questions