Addin jquery-ui DatePicker в HTMLDialogElement.showModal () (обход псевдо-фона) - PullRequest
0 голосов
/ 10 мая 2018

Вопрос

Элемент ввода находится в теге <dialog> HTML, и showModal используется для открытия диалога как модального. Есть ли способ открыть jquery-ui-datepicker в верхней части диалога. Прямо сейчас он прячется за диалогом

Традиционный ответ

Традиционный ответ состоял в том, чтобы добавить z-index в указатель даты, но он не работает из-за :: псевдоэлемента заднего плана.

HTMLDialogElement.showModal блокирует все другие взаимодействия

По определению HTMLDialogElement.showModal() блокирует все взаимодействия, кроме диалога.

Метод showModal () интерфейса HTMLDialogElement отображает диалоговое окно как модальное поверх любых других диалогов, которые могут присутствовать. Он отображается в верхнем слое вместе с псевдоэлементом :: фон. Взаимодействие за пределами диалога блокируется, а содержимое за его пределами становится инертным.

Есть ли способ поднять указатель даты сверху?

Возможный трюк

Конечно, мы можем использовать HTMLDialogElement.show (), и это может решить проблему, но есть ли способ заставить сборщик подняться вверх при использовании showModal ().

...