Modal pops up in wrong position, how to fix it? #709
Description
I have a problem with modal popup. I just made my web application responsive to mobile and in one mobile view there is like two different screens, which represents like one in desktop version. In desktop version everything works fine, but in mobile modal pops up in wrong screen.
Maybe it will be more clear, so I will put some sc:
As you see in this view modal is hidden. Maybe some has a solution how to solve this problem?
I use these styles for modal:
const customStyles = {
content: {
top: '50%',
left: '50%',
right: 'auto',
bottom: 'auto',
marginRight: '-50%',
transform: 'translate(-50%, -50%)',
},
};