Модальное закрывается, когда курсор выходит за пределы модального после обновления Chrome (angularjs и bootstrap-ui) - PullRequest
4 голосов
/ 17 апреля 2019

Иногда, когда я хочу быстро выделить весь текст ввода (в пределах модального), я начинаю выделять с конца текста и перемещаю мышь влево, пока весь текст не будет выделен и затем я выпускаю .

Иногда этот релиз происходит вне модального режима, потому что движение мыши быстрое.

Изображение, описывающее движение:

Picture describing the release

Проблема в том, что модал закрывается, когда я отпускаю наружу.

Вопрос: как я могу предотвратить закрытие модала привыпуская наружу?

Я в порядке, модал закрывается щелчком снаружи.Но не в порядке с событием релиза.

Я использую:

  • angularjs 1.5.8
  • angular-bootstrap 2.5.0 ( aka bootstrap-ui )
  • начальная загрузка 3.3.7 (только css !!! не js, поскольку js предоставляется вышеупомянутым)

Обновление: Я создал планер и GIF: https://plnkr.co/edit/mxDLAdnrQ4p0KKyw?p=info

<div class="modal-body">
  <div class="form-group">
    <label for="">Foo</label>
    <input type="text" class="form-control input-sm" ng-model="foo">

    <p>Do this: select the text from right to left and release the mouse outside the modal.</p>
  </div>
</div>

GIF:

the modal is closed when released outside

Обновление 2

У меня есть новая информация!Это начало происходить после последнего обновления Goole Chrome! Я пробовал на другом компьютере, на котором была предыдущая версия Chrome, и модальное не закрывается.

Ответы [ 4 ]

1 голос
/ 30 мая 2019

Да, это снова начало происходить после последнего обновления Goole Chrome версии 74.0.3729.169. Это ошибка в Chrome, которую мы не можем исправить, и нам просто нужно подождать, пока обновление Chrome не будет устранено?

или сопровождающий загрузчика обновит код для исправления этой проблемы?

URL-адрес выпуска: https://github.com/twbs/bootstrap/issues/28844

1 голос
/ 08 мая 2019

Я обновил только код, ссылающийся на «Modal.js» в bootstrap.js и bootstrap.min.js

Исправленная версия:

 * Bootstrap: modal.js v3.4.1
 * https://getbootstrap.com/docs/3.4/javascript/#modals

bootstrap.js print

0 голосов
/ 10 мая 2019

Добавьте заполнение CSS вокруг модального окна и измените его размер.Щелчок снаружи все еще работает, но отпускание мыши при перетаскивании через край не приведет к его закрытию.

0 голосов
/ 24 апреля 2019

Вы пытались использовать backdrop: 'static'.Я думаю, что это должно сработать.Он присутствует в документации здесь

...