Пользовательский интерфейс материала - Popover переместился в верхнюю левую часть окна просмотра - PullRequest
Новая
       22

Пользовательский интерфейс материала - Popover переместился в верхнюю левую часть окна просмотра

0 голосов
/ 06 сентября 2018


Я разрабатываю небольшую функцию, используя пользовательский интерфейс Big Calendar & Popover Material.

При нажатии на событие из календаря, всплывающее окно будет отображаться в нижней части события 

<Popover
    disableEnforceFocus
    open={popoverJob.show}
    anchorEl={popoverJob.target}
    onClose={() => this.hideDetailJob()}
    anchorOrigin={{
        vertical: 'bottom',
        horizontal: 'center',
    }}
    transformOrigin={{
        vertical: 'top',
        horizontal: 'center',
    }}>
    {/* Content here */}
<Popover>

Все работает отлично, пока я не применю изменение размера окна. Popover прыгает в верхнем левом углу окна просмотра (браузер).

Я обнаружил проблемы, как показано в журналах, позиция смещения события была равна 0 (верхний 0 - левый 0) 

==================
anchor.offsetLeft = 280
anchor.offsetTop = 117


==================
anchor.offsetLeft = 0
anchor.offsetTop = 0

Как исправить эти проблемы?

...