Компонент Popover не соблюдает свойства стиля - PullRequest
Новая
       9

Компонент Popover не соблюдает свойства стиля

0 голосов
/ 16 июня 2020

Предполагается, что следующий фрагмент представляет собой всплывающее окно, скользящее снизу области просмотра, но свойства стиля игнорируются компонентом 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"
  }

Есть идеи?

Popover Position

...