2017-03-13 3 views
1

Ich habe ein seltsames Problem mit einem Modal mit Bootstrap 4.0.0-alpha.5 und Chrome festgestellt. Wenn ich genau die gleichen Schritte in Firefox versuche, treten keine Probleme mit dem Modal auf. Ich habe eine detaillierte Testprobe hier erstellt:Chrome oder Bootstrap 4.0.0-Alpha.5 Bug?

https://jsfiddle.net/dq5wd897/6/

Die Schritte sind recht einfach:

  1. Klicken Sie auf "Find Something".
  2. Sobald das Modal geöffnet ist, klicken Sie auf "Find".
  3. Auf Google Chrome wird sich das Modal schließlich einfach selbst schließen.
  4. Wenn Sie die gleiche Datei in Firefox öffnen, wird das Modal nicht geschlossen, wenn Suche ausgewählt ist.
  5. auch in Chrome einmal dies einmal passiert, wenn Sie in der Lage sind, die modal zu öffnen wieder in jsfiddle Sie das modale sehen wird es nicht in der Nähe wie erwartet funktionieren ...

Ich habe ohne meine JS getestet Feldvalidierung Typ-Logik, ohne eine Änderung im Verhalten:

function findSomething() { 

     var answerValue = "<tr><td>Value A</td><td>Value B</td><td>Value C</td></tr>";  

     $(valueTbody).append(answerValue);    
     $('#valueOutputTable').show();     

    } 

} 

Antwort

1

ändern der form so wird es nicht eine Anfrage senden.

<form class="text-left py-2" onsubmit="return false;">

+0

Vielen Dank für Ihre Antwort sehr viel, das Problem für mich gerichtet zu sein scheint! Kennen Sie vielleicht einen bestimmten Grund dafür, dass dies in Firefox funktioniert hat, aber nicht in Chrome? – BernardV