1.2.0

Pixabay · Oct 6, 2023 · 19203f3 · 19203f3
1 parent eaa949e
commit 19203f3
Show file tree

Hide file tree

Showing 4 changed files with 312 additions and 163 deletions.
diff --git a/auto-complete.css b/auto-complete.css
@@ -1,9 +1,19 @@
 .autocomplete-suggestions {
     text-align: left; cursor: default; border: 1px solid #ccc; border-top: 0; background: #fff; box-shadow: -1px 1px 3px rgba(0,0,0,.1);
-
-    /* core styles should not be changed */
-    position: absolute; display: none; z-index: 9999; max-height: 254px; overflow: hidden; overflow-y: auto; box-sizing: border-box;
+    position: absolute; /* display: none; z-index: 9999; */ max-height: 254px; overflow: hidden; overflow-y: auto; box-sizing: border-box;
+    left: auto; top: auto; width: 100%; margin: 0; contain: content; /* 1.2.0 */
 }
 .autocomplete-suggestion { position: relative; padding: 0 .6em; line-height: 23px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; font-size: 1.02em; color: #333; }
 .autocomplete-suggestion b { font-weight: normal; color: #1f8dd6; }
 .autocomplete-suggestion.selected { background: #f0f0f0; }
+
+autocomplete-holder {
+    overflow: visible; position: absolute; left: auto; top: auto; width: 100%; height: 0; z-index: 9999; box-sizing: border-box; margin:0; padding:0; border:0; contain: size layout;
+}
+
+autocomplete-holder[position="top"] {
+    margin-top: 0 !important;
+}
+autocomplete-holder[position="top"] .autocomplete-suggestions {
+    transform: translateY(-100%);
+}