@rogieking/figui3 1.0.2 → 1.0.4

package/fig.css

@@ -557,7 +557,7 @@ textarea {
 
 /* Dropdown */
 select,
-input[list] {
+input[type=text][list] {
   height: var(--spacer-4);
   padding: 0 var(--spacer-2);
   appearance: none;
@@ -1774,6 +1774,7 @@ fig-field,
   &[direction=horizontal] {
     gap: var(--spacer-2);
     align-items: flex-start;
+    flex-direction: row;
   }
 }
 

package/fig.js

@@ -24,6 +24,7 @@ class FigButton extends HTMLElement {
                     display: block;
                     border: 0;
                     font: inherit;
+                    color: inherit;
                     background: transparent;
                 }
             </style>
@@ -108,6 +109,7 @@ class FigTooltip extends HTMLElement {
         this.popup = document.createElement('span');
         this.popup.setAttribute("class", "fig-tooltip")
         this.popup.style.position = "fixed"
+        this.popup.style.visibility = "hidden"
         this.popup.style.pointerEvents = "none"
         this.popup.innerText = this.getAttribute("text")
         document.body.append(this.popup)
@@ -175,6 +177,7 @@ class FigTooltip extends HTMLElement {
         this.popup.style.top = `${top}px`;
         this.popup.style.left = `${left}px`;
         this.popup.style.opacity = "1";
+        this.popup.style.visibility = "visible"
         this.popup.style.display = "block"
         this.popup.style.pointerEvents = "all"
         this.popup.style.zIndex = parseInt((new Date()).getTime() / 1000)
@@ -653,6 +656,9 @@ class FigField extends HTMLElement {
         }
     }
     focus() {
+        if (!this.input) {
+            this.input = Array.from(this.childNodes).find(node => node.nodeName.toLowerCase().startsWith("fig-"))
+        }
         console.log('input:', this.input)
         this.input.focus()
     }

package/package.json

@@ -1,4 +1,4 @@
 {
   "name": "@rogieking/figui3",
-  "version": "1.0.2"
+  "version": "1.0.4"
 }