Required has no tooltip

[eljeffeg]

Normally, if an input field is required and the user does not supply a value, the form is not submitted and a tooltip is displayed stating the field is required. However, pretty-dropdowns appears to hide the tooltip. So if the field is required, the user is not notified and the form doesn't submit, leaving the user confused.

[eljeffeg]

I think a possible fix might be to set the CSS for the required. It works, but I'm just not sure if that affects the parent in any way or if it just applies to the tooltip.

.prettydropdown :required {
  visibility: visible !important;
}

[realmocaccino]

A better implementation would be:

$select.on('invalid', function() {
  $select.css('visibility', 'visible');
  setTimeout(function() {
    $select.css('visibility', 'hidden');
  }, 5000);
});

[realmocaccino]

#25 I have sent a Pull Request.