Sweetalert: поле ввода не работает при использовании поверх модального окна начальной загрузки

Я была такая же проблема. В итоге я «спрятал» модальное окно с помощью modal.hide, открыл swal, сделал все, что вам нужно, с inputValue, а затем показал модальное окно с помощью modal.show в случае успеха или отмены swal.
Надеюсь это поможет.

Дэн
Я нашел исправление для этого. Я отправлю это завтра

Отправлено из Outlook

В понедельник, 10 августа 2015 г., в 6:52 -0700 «Дэн Кауфман» [email protected] написал:

Я была такая же проблема. В итоге я «спрятал» модальное окно с помощью modal.hide, открыл swal, сделал все, что вам нужно, с inputValue, а затем показал модальное окно с помощью modal.show в случае успеха или отмены swal.

Надеюсь это поможет.

-
Ответьте на это письмо напрямую или просмотрите его на GitHub.

Привет, mteichtahl,

Вы все еще публиковали исправление? Я не могу найти это. Действительно поможет!

Привет,

Та же проблема с sweet alert (как и sweetalert2).
Поле ввода не фокусируется только на firefox. Это происходит только при открытии swal из модального окна начальной загрузки.

Пока не могу понять, в чем проблема. Действительно странно.

У меня такая же проблема ... у кого-нибудь есть решение?

привет, это позволяет отображать заполнитель ввода, но не позволяет сосредоточиться на вводе ...

# 537

У меня такая же проблема ， не могу найти решение ...

+1

Я обнаружил, что виновником является tabindex="-1" , установленный в модальном окне Bootstrap.

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

// call this before showing SweetAlert:
function fixBootstrapModal() {
  var modalNode = document.querySelector('.modal[tabindex="-1"]');
  if (!modalNode) return;

  modalNode.removeAttribute('tabindex');
  modalNode.classList.add('js-swal-fixed');
}

// call this before hiding SweetAlert (inside done callback):
function restoreBootstrapModal() {
  var modalNode = document.querySelector('.modal.js-swal-fixed');
  if (!modalNode) return;

  modalNode.setAttribute('tabindex', '-1');
  modalNode.classList.remove('js-swal-fixed');
}

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

Пожалуйста помогите...

Исправление вкладки Cinamonas у меня не сработало :(

+1
@eminumut @navas
Вы вызывали fixBootstrapModal () перед показом swal? Сначала я забыл сделать это, но теперь работает отлично!

Спасибо @Cinamonas

@ Alagaesia93

Не могли бы вы показать мне несколько примеров?

@eminumut

fixBootstrapModal()
swal({whatever}, function(isConfirm){
whatever
restoreBootstrapModal()
}

Меня устраивает :)

Исправление вызывает синтаксическую ошибку в IE11.

@ caleb87 , я обновил фрагмент, чтобы не использовать стрелочные функции и const .

Кажется, это проблема с Bootstrap, поэтому я закрою ее. Спасибо за исправление @Cinamonas!

Привет, я столкнулся с той же проблемой.
Эту проблему можно решить, удалив {tabindex = "- 1"} из Bootstrap Modal.
У меня все нормально работает.

Кто-нибудь знает, как применить это исправление в R? У меня такая же проблема, но мои попытки преобразовать ее в R пока не увенчались успехом

Я обнаружил, что виновником является tabindex="-1" , установленный в модальном окне Bootstrap.

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

// call this before showing SweetAlert:
function fixBootstrapModal() {
  var modalNode = document.querySelector('.modal[tabindex="-1"]');
  if (!modalNode) return;

  modalNode.removeAttribute('tabindex');
  modalNode.classList.add('js-swal-fixed');
}

// call this before hiding SweetAlert (inside done callback):
function restoreBootstrapModal() {
  var modalNode = document.querySelector('.modal.js-swal-fixed');
  if (!modalNode) return;

  modalNode.setAttribute('tabindex', '-1');
  modalNode.classList.remove('js-swal-fixed');
}

гений

Для тех, у кого более одного модального окна, вы можете использовать:
Documento sem título (1) .pdf