Der modale Bootstrap-Dialog im ASP Update Panel verhindert Eingabefokus in tinyMCE Plugins

9

Ich habe das gleiche Problem wie diese Frage obwohl Meine Umstände sind etwas anders, keine der angebotenen Lösungen funktioniert für mich.

Ich habe einen bootstrap-modalen Dialog in einem ASP-Update-Panel mit einem tinyMCE-Steuerelement, das abgesehen von allen modalen Popups von tinyMCE gut funktioniert - alle Eingabesteuerelemente sind nicht fokussierbar, klicken und tabbieren hat keine Wirkung.

Der allgemeine Konsens besteht darin, e.stopImmediatePropagation() zu verwenden, obwohl dies in meinem Setup nichts bewirkt.

%Vor%     
GJKH 01.07.2016, 12:32
quelle

1 Antwort

2

Das Bootstrap-Modal verfügt über eine Funktion, die das Fokussieren von Elementen außerhalb des Modales verhindert. Dies kann im modalen Code Bootstrap ( die Funktion enforceFocus ). Da die TinyMCE-Dialoge außerhalb des Bootstrap-Modals gerendert werden, erlaubt das Modal keine Fokussierung.

In Bootstrap 4 kann diese Funktionalität durch Festlegen von focus: false in der modalen Konfiguration deaktiviert werden.

In Bootstrap 3 kann diese Funktionalität nicht unterdrückt werden. Hier sind zwei mögliche Problemumgehungen:

  • Überschreibe die Funktion enforceFocus , bevor das Bootstrap-Modal initialisiert wird, über

    %Vor%

    Dies wird die Funktion für alle Mods danach deaktivieren.

  • Entfernen Sie den Fokus-Ereignishandler, sobald das Dialogfeld initialisiert wurde.

    %Vor%

    Dies wird die Funktionalität in den derzeit geöffneten Modalen deaktivieren, aber neu geöffnete Mods haben es immer noch.

Alex Gyoshev 26.12.2016, 12:31
quelle