В CKEditor 4 возникли проблемы при использовании в диалоговом окне Material UI - PullRequest
Новая
       21

В CKEditor 4 возникли проблемы при использовании в диалоговом окне Material UI

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

Я работаю над проектом React, где я использовал CKEditor 4 в диалоговом окне Material UI.Когда я пытаюсь использовать опционные параметры, такие как математика.Я не могу набрать, ничего на входе, поля textarea.Я искал решения, но все решения касаются Bootstrap Modal.Если кто-то сталкивался с той же проблемой, используя диалог Material UI.Будет очень полезно, если вы сможете поделиться решением.

Решение для Bootstrap Modal: http://stackoverflow.com/a/18554395/778587

Диалог пользовательского интерфейса материала: https://material -ui.com / demos /dialogs /

Прикрепление снимка экрана для справки.enter image description here

Действия по воспроизведению проблемы. - Откройте https://codesandbox.io/s/vv50789765 для примера кода

Шаг 1: Откройте CKEditor инажмите на значок изображения, выделенный на скриншоте.enter image description here

Шаг 2: Как только вы нажмете на иконку с изображением, откроется другой поповер с некоторыми элементами формы ввода.Ни один из элементов формы ввода не является редактируемым, я не могу ничего печатать в элементах формы.Пожалуйста, обратитесь к скриншоту.enter image description here

1 Ответ

2 голосов
/ 18 мая 2019

Один из модальных реквизитов равен disableEnforceFocus:

Если true, то модал не помешает фокусу оставить модал при открытом.

Как правило, это никогда не следует устанавливать в значение true, поскольку это делает модальное устройство менее доступным для вспомогательных технологий, таких как программы чтения с экрана.

Без этого установленного свойства каждый раз, когда вы пытаетесь изменить фокус на одно из полей ввода в диалоге изображения ckeditor, диалог Material-UI (который использует Modal) автоматически возвращает фокус к себе.

Вот версия песочницы с указанным disableEnforceFocus, которая затем работает:

https://codesandbox.io/s/80pu0

...