I am using antd with React. I have a couple of Modals in my code. They work perfectly fine on web Chrome and Firefox as well as on mobile Chrome. However when using Firefox on mobile, I get a white box at the bottom of the page. Any ideas?
.ant-layout {
min-height: 100vh;
background: @background;
padding: 0 1.8em 1.5em 1.8em;
}
.ant-layout-content {
padding: 0 2em 1.5em 2em;
}
@media only screen and (max-width: 730px) {
.ant-layout-content {
padding: 0;
}
}
header.ant-layout-header {
padding: 0;
margin-bottom: 2em;
background-color: transparent;
color: white;
}
footer.ant-layout-footer {
display: flex;
flex-direction: row;
justify-content: center;
background-color: @primary;
color: @white;
text-align: center;
}
.ant-modal-body {
max-height: calc(100vh - 210px);
overflow-y: auto;
}
.ant-modal-body::-webkit-scrollbar {
width: 12px;
}
![enter image description here](https://i.stack.imgur.com/W3fDm.png)
与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…