enable top/left dd

aurovrata · Sep 14, 2021 · 7869359 · 7869359
1 parent 43001d7
commit 7869359
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 0 deletions.
diff --git a/hybrid-dropdown.css b/hybrid-dropdown.css
@@ -41,6 +41,13 @@ select.hybridddised{
   display: none;
 	background-color: inherit;
 }
+.hybrid-dropdown.hybriddd-top .hybriddd-wrapper{
+  bottom:var(--hybriddd-top);
+}
+.hybrid-dropdown.hybriddd-left .hybriddd-wrapper{
+	right:0;
+	left:auto;
+}
 .hybrid-dropdown ul.hybriddd-options {
 	border: 1px solid #6f6f6f;
 	border-radius: 0.25em;

diff --git a/hybrid-dropdown.js b/hybrid-dropdown.js
@@ -992,6 +992,8 @@ class HybridDDError extends Error {
       _.closeSelect();
       return;
     }
+    //set the height of the wrapper for placing it on top.
+    _.hdd.listwrap.style.setProperty('--hybriddd-top',_.hdd.offsetHeight+'px');
     _.hdd.classList.add('active');
     //adjust width of dropdown.
     //setup wrapper height and width.