Recoded how the Auto-complete subdivision search worked in php and js

2026-05-02 13:08:59 -04:00
parent af5da12a93
commit 2321e9838b
6 changed files with 204 additions and 29 deletions
@@ -12,3 +12,39 @@
    padding:   0 .75rem;
    cursor: pointer;
 }
+
+
+/* Wrap your input in a positioned container */
+.subdivision-wrapper {
+    position: relative;
+}
+
+/* Fix dropdown width + positioning */
+.subdivision-results {
+    position: absolute;
+    top: 100%;
+    left: 0;
+    width: 100%;          /* match input width */
+    max-width: 100%;      /* prevent overflow */
+    z-index: 1055;
+
+    max-height: 250px;    /* scroll if too many */
+    overflow-y: auto;
+
+    border: 1px solid #dee2e6;
+    border-radius: 0.375rem;
+    background: #fff;
+
+    box-shadow: 0 0.5rem 1rem rgba(0,0,0,.15);
+}
+
+.subdivision-results .dropdown-item {
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+}
+
+.subdivision-results .dropdown-item:hover {
+    background-color: #f8f9fa;
+    cursor: pointer;
+}