From 257a6ea99ca58030ee17be76030ece61bfaedc45 Mon Sep 17 00:00:00 2001
From: Luiz Gustavo Martins <lgustavoms@gmail.com>
Date: Sat, 22 Oct 2022 13:00:30 -0300
Subject: [PATCH] Let original select visible to show any validation message
 from the browser

---
 dist/js/jquery.prettydropdowns.js | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/dist/js/jquery.prettydropdowns.js b/dist/js/jquery.prettydropdowns.js
index 33e846e..a9dddfd 100644
--- a/dist/js/jquery.prettydropdowns.js
+++ b/dist/js/jquery.prettydropdowns.js
@@ -58,6 +58,13 @@
         $select.data('size', nSize).removeAttr('size');
         // Set <select> height to reserve space for <div> container
         $select.css('visibility', 'hidden').outerHeight(oOptions.height);
+        // Let original select visible for a while to show any validation message from the browser
+        $select.on('invalid', function() {
+          $select.css('visibility', 'visible');
+          setTimeout(function() {
+            $select.css('visibility', 'hidden');
+          }, 5000);
+        });
         nTimestamp = performance.now()*100000000000000;
         // Test whether to add 'aria-labelledby'
         if (elSel.id) {