Я использую Material UI в приложении реагирования и хочу открыть диалоговое окно на своей странице. Диалог открывается нормально, единственная проблема в том, что когда он открывается, он прокручивает тело моей страницы вверх.
Поведение прокрутки вверх также происходит, когда я открываю Material Popover и когда я открываю MaterialСелектор TextBox. Я часами искал решение для этого, и похоже, что никто другой не сталкивался с таким поведением раньше.
Любая помощь будет принята с благодарностью!
openSendMatchPopup = (event) => {
this.setState({
...this.state,
anchorTargetTarget: event.target,
dialogOpen: true,
});
};
<Dialog
id='my-popover'
open={dialogOpen}
anchorEl={anchorTargetTarget}
onClose={onClose}
anchorOrigin={{
vertical: 'bottom',
horizontal: 'center'
}}
transformOrigin={{
vertical: 'top',
horizontal: 'center'
}}
disableRestoreFocus
>
Dialog is Open
</Dialog>