Предполагается, что следующий фрагмент представляет собой всплывающее окно, скользящее снизу области просмотра, но свойства стиля игнорируются компонентом Popover.
Всплывающее окно располагается в нижней части документа, при этом размер его содержимого не 100%.
<Popover
anchorReference="anchorPosition"
anchorPosition={{ top: 5000, left: 0 }}
anchorOrigin={{
vertical: 'top',
horizontal: 'center',
}}
transformOrigin={{
vertical: 'top',
horizontal: 'center',
}}
open
style={{
width: '100%',
display: 'flex'
}}
>
Popover content.
</Popover>
Зависимости:
"dependencies": {
"@material-ui/core": "^4.10.0",
"@material-ui/icons": "^4.9.1",
"@material-ui/lab": "^4.0.0-alpha.54",
"react": "^16.13.1",
"react-dom": "^16.13.1",
"react-scripts": "3.4.1"
}
Есть идеи?