@rogieking/figui3 1.6.6 → 1.6.7

package/components.css

@@ -1867,6 +1867,7 @@ dialog,
   padding: 0;
   outline: 0;
   border: 0;
+  inset: auto;
   color: var(--figma-color-text);
   border-radius: var(--radius-large, 0.8125rem);
   background: var(--figma-color-bg);
@@ -1981,7 +1982,8 @@ dialog[is="fig-dialog"] {
 }
 
 /* Tooltip */
-fig-tooltip {
+fig-tooltip,
+fig-popover {
   display: contents;
 }
 .fig-tooltip {

package/example.html

@@ -25,6 +25,19 @@
 
         <h2><label>Effects/</label>UI3 Components</h2>
     </fig-header>
+
+    <fig-popover action="click"
+                 size="large">
+        <fig-button>
+            Hover me
+        </fig-button>
+        <div popover>
+            <fig-button>
+                Test
+            </fig-button>
+        </div>
+    </fig-popover>
+
     <fig-content>
 
         <br /><br /><br /><br /><br /><br /><br /><br /><br />

package/fig.js

@@ -411,15 +411,13 @@ class FigPopover extends FigTooltip {
     this.delay = parseInt(this.getAttribute("delay")) || 0;
   }
   render() {
-    //this.destroy()
-    //if (!this.popup) {
+    this.destroy();
     this.popup = this.popup || this.querySelector("[popover]");
     this.popup.setAttribute("class", "fig-popover");
     this.popup.style.position = "fixed";
-    this.popup.style.display = "block";
-    this.popup.style.pointerEvents = "none";
+    this.popup.style.visibility = "hidden";
+    this.popup.style.display = "inline-flex";
     document.body.append(this.popup);
-    //}
   }
 
   destroy() {}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@rogieking/figui3",
-  "version": "1.6.6",
+  "version": "1.6.7",
   "module": "index.ts",
   "type": "module",
   "devDependencies": {