z-index? about react-popper HOT 3 CLOSED

@chrisdrackett this was the exact reason for making everything compose-able :) you can add an inline style, classname or whatever you want.

I take an approach like this for any personal settings I want for components:

const MyPopper = ({ style, ...props }) => (
  <Popper style={{ zIndex: 100, ...style }} {...props}/>
)

from react-popper.

z-index is a sensitive problem and must be handled properly case by case.

That's why Popper.js doesn't set any z-index by default.

You should really end up with the best solution for you and manually set them I think.

from react-popper.

I have the same issue, but my Popover is the menu-list of mui-tel-input and I don't have access to the component in order for me to style it manually

from react-popper.