Why The Message Doesn't Appear Above The Accordion In Chrome?

I am trying the new HTML5 validations and when I try to use the required attribute inside the tag, the message This field can't be blank is not being displayed correc

Solution 1:

The problem was you had an overflow:hidden; property set in your div#collapseOne element, so you just need to set it to visible.

#collapseOne {
    overflow:visible;            
}

See the jsfiddle.