Datatables-Editor-Schaltflächen, die nicht auf Long Modal angezeigt werden

Question

Ich verwende den Datatables-Editor auf meiner PHP/mySQL-Website.

Wenn ein modales Formular geöffnet wird, das lang ist (mit einem Scroller), wird die UPDATE-Schaltfläche, die rechts unten im Modal angezeigt werden soll, nicht beim ersten Klick angezeigt.

Als ersten Klick haben die kürzeren Modale ohne Bildlaufleiste die UPDATE-Taste.

Wenn ich die langen Modals schließe, indem ich auf das "x" in der oberen rechten Ecke des Formulars klicke und den Editor wieder öffne, wird das UPDATE schließlich angezeigt.

Ich habe ein Bild, das zeigt, wie keine Update-Schaltfläche im Bearbeitungsmodus angezeigt wird. Nicht sicher, welche anderen Informationen ich dir geben kann, um zu helfen.

Ich habe eine Menge von Skripten für meine Website, die Bootstrap verwendet.

So lade ich meine .js-Dateien.

<script src="http://ajax.aspnetcdn.com/ajax/jQuery/jquery-2.2.4.js"></script> 

<script src="assets/global/plugins/jquery-migrate.min.js" type="text/javascript"></script> 

<script src="assets/global/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script> 
<script src="assets/global/plugins/jquery-ui/jquery-ui.min.js" type="text/javascript"></script> 
<script src="assets/global/plugins/bootstrap-hover-dropdown/bootstrap-hover-dropdown.min.js" type="text/javascript"></script> 
<script src="assets/global/plugins/jquery-slimscroll/jquery.slimscroll.min.js" type="text/javascript"></script> 
<script src="assets/global/plugins/jquery.blockui.min.js" type="text/javascript"></script> 

<script src="https://cdn.datatables.net/buttons/1.2.1/js/dataTables.buttons.min.js" type="text/javascript"></script> 
<script src="https://cdn.datatables.net/select/1.2.0/js/dataTables.select.min.js" type="text/javascript"></script> 

.. und meine CSS-Dateien sind in dieser Reihenfolge:

<link href="http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700&subset=all" rel="stylesheet" type="text/css"/> 
<link href="assets/global/plugins/font-awesome/css/font-awesome.min.css" rel="stylesheet" type="text/css"/> 
<link href="assets/global/plugins/simple-line-icons/simple-line-icons.min.css" rel="stylesheet" type="text/css"/> 
<link href="assets/global/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css"/> 
<link href="assets/global/plugins/bootstrap-switch/css/bootstrap-switch.min.css" rel="stylesheet" type="text/css"/> 
<link rel="stylesheet" type="text/css" href="assets/global/plugins/bootstrap-toastr/toastr.min.css"> 
<link rel="stylesheet" type="text/css" href="assets/global/plugins/bootstrap-summernote/summernote.css"> 
<link href="assets/global/plugins/datatables/datatables.min.css" rel="stylesheet" type="text/css" /> 
<link href="assets/global/plugins/datatables/plugins/bootstrap/datatables.bootstrap.css" rel="stylesheet" type="text/css" /> 
<link href="https://cdn.datatables.net/buttons/1.2.1/css/buttons.dataTables.min.css" rel="stylesheet" type="text/css" /> 
<link href="https://cdn.datatables.net/select/1.2.0/css/select.dataTables.min.css" rel="stylesheet" type="text/css" /> 
<link rel="stylesheet" type="text/css" href="added-assets/plugins/editor/css/editor.dataTables.css"> 

Answer 1

Es ist ein Problem mit Chrome, siehe die Diskussion hier, http://www.edoitor.datatables.net/forums/discussion/38145

Eine Abhilfe ist die CSS einmal Seite zu ändern ist geladen,

editor.on('open', function() { 
      $('div.DTE_Footer').css('text-indent', -1); 
     });