Me encontré con un error al usar ckeditor en bootstrap 5 modal y parece que es un error muy conocido y muchos han dado una solución para diferentes versiones de bootstrap pero no puedo encontrar uno para bootstrap 5, por favor, eche un vistazo .
Aquí está el problema con la solución: - https://stackoverflow.com/a/31679096
Otros problemas similares: -
Complemento CKEditor: campos de texto no editables
Bootstrap con CKEditor es igual a problemas
Principalmente cuál sería la alternativa de la línea de abajo para bootstrap 5. $.fn.modal.Constructor.prototype.enforceFocus
Si lo busco en el archivo bootstrap 4 js, puedo encontrar fn.modal.Constructor allí pero no en bootstrap 5. Por favor, si alguien puede recrear la solución verificada en el enlace anterior de acuerdo con bootstrap 5, sería muy apreciado. . Gracias por tu tiempo.
imagen que describe el problema
También algunas notas: -
Todos los demás tipos de entrada, como las casillas de verificación y los menús desplegables, funcionan, pero no solo el campo de texto.
También intenté eliminar tabindex="-1" del código modal de arranque, pero el problema persiste.
No estoy seguro de si ha descubierto la respuesta a esto todavía, pero he tenido este mismo problema con un modal sweetalert2. Recorrí el código fuente de Bootstrap y descubrí que puedes eliminar el foco con esto:
$.fn.modal.Constructor.prototype._initializeFocusTrap = function () { return { activate: function () { }, deactivate: function () { } } };Funciona a partir de Bootstrap 5.1.3