style and bugs

aurovrata · Aug 26, 2021 · 785f3f4 · 785f3f4
1 parent 5c30da4
commit 785f3f4
Show file tree

Hide file tree

Showing 4 changed files with 19 additions and 6 deletions.
diff --git a/hybrid-dropdown.css b/hybrid-dropdown.css
@@ -14,8 +14,10 @@
   cursor: pointer;
   background:inherit;
 }
-select.hybrid-select{
+select.hybridddised{
   visibility:hidden !important;
+	width:0 !important;
+	height: 0 !important;
 }
 .hybrid-dropdown:focus {box-shadow: 1px 1px 3px}
 .hybriddd-option::before, .hybriddd-group::before {
@@ -41,7 +43,7 @@ select.hybrid-select{
 	padding: 0;
 	list-style: none !important;
 	display: none;
-	z-index: 1;
+	z-index: 7777;
 	margin: 0;
 	padding: 0;
 	left: -1px;
@@ -71,7 +73,7 @@ select.hybrid-select{
   min-width: 100%;
 	max-width: inherit;
   display: inline-block;
-	z-index: 2;
+	z-index: 7;
 }
 
 .hybriddd-selected::after {

diff --git a/hybrid-dropdown.js b/hybrid-dropdown.js
@@ -68,14 +68,18 @@ class HybridDDError extends Error {
       if(elm.hasAttribute(a)){
         let opt = 'field'+a.charAt(0).toUpperCase() + a.slice(1);
         cnfg[opt] = elm.getAttribute(a);
-        elm.removeAttribute(a);
+        switch(a){
+          case 'name':
+            elm.removeAttribute(a);
+        }
       }
     });
     switch(true){
       case elm.nodeName === "SELECT": //select field source.
         if(elm.multiple) lim=-1;
         // elm.style="visibility:hidden"; //hide the origial select field.
         cb = false; //checkboxes
+        if(cnfg.fieldId) cnfg.fieldId += '-hdd';
         break;
       default:
         _.isDS = true;// dateset source.

diff --git a/min/hybrid-dropdown.min.css b/min/hybrid-dropdown.min.css