Warum erscheint die Nachricht nicht über dem Akkordeon in Chrome?

Question

Ich versuche die neuen HTML5-Validierungen und wenn ich versuche, die required Attribut innerhalb der <input> Tag, die Nachricht Dieses Feld darf nicht leer sein wird nicht korrekt angezeigt. Das Problem tritt auf, wenn ich diese Seite einfüge <input> Tag in einem Twitter Bootstrap Akkordeon und ich versuche, das Formular mit Google Chrome (v. 23) zu übermitteln.

Bei anderen Browsern erscheint die Nachricht oberhalb des Akkordeons (ich habe es in Firefox 17 getestet), aber bei Chrome ist die Hälfte der Nachricht wegen des Akkordeons verborgen.

Diese JSFiddle zeigt dieses Problem.

Wie kann ich das Problem lösen? Warum ist das so?

Answer 1

Das Problem war, dass Sie eine overflow:hidden; Eigenschaft, die in Ihrem div#collapseOne Element, Sie müssen es also nur auf visible .

#collapseOne {
    overflow:visible;            
}

Siehe die jsfiddle .