Working on Dropdown

src/myfasthtml/assets/myfasthtml.css

@@ -14,7 +14,6 @@
 }
 
 
-
 .mf-icon-16 {
     width: 16px;
     min-width: 16px;
@@ -440,4 +439,33 @@
     margin-top: 0.5rem;
     max-height: 200px;
     overflow: auto;
+}
+
+.mf-dropdown-wrapper {
+    position: relative; /* CRUCIAL for the anchor */
+    display: inline-block;
+}
+
+.mf-dropdown-wrapper:hover .mf-dropdown {
+    display: block;
+}
+
+.mf-dropdown {
+    display: none;
+    position: absolute;
+    top: 100%;
+    left: 0px;
+    z-index: 1;
+    width: 200px;
+    border: 1px solid black;
+    padding: 10px;
+    box-sizing: border-box;
+    overflow-x: auto;
+    /*opacity: 0;*/
+    /*transition: opacity 0.2s ease-in-out;*/
+}
+
+.mf-dropdown.is-visible {
+    display: block;
+    opacity: 1;
 }