страница прокручивается в div - PullRequest
0 голосов
/ 15 февраля 2019

У меня есть компонент реагирования, который я использую как модальный, а также как элемент на странице.У него есть радио кнопки.

Проблема в том, что когда пользователь находится наверху страницы и модальное окно открыто.Если пользователь выбирает что-либо в модальном режиме, страница прокручивается до другого элемента (того же компонента) на этой странице, который отвлекает пользователя.

Поскольку оба элемента одинаковы, выбор одного элемента также приведет к выбору другого.Это понятно.

Я пытался, изменить радио и e.preventDefault, но не сработало.

Любые предложения будут полезны.

Самое близкое, что я могу воспроизвести, это https://jsfiddle.net/3tbkLxcu/

Здесь, предотвращение дефолта работает, но не в моем приложении.

Когда вы нажимаете на метку, она прокручивается дониз.

<label htmlFor="test-id" onClick={this.handleClick.bind(this)}>Test radio</label>

handleClick(e) {
    e.preventDefault();
}

1 Ответ

0 голосов
/ 15 февраля 2019

Я нашел решение вашей проблемы, просто добавьте следующий css:)

.ReactModal__Body--open {
  overflow: hidden;
}
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...