Test and fix top property

3 years ago · 3ab87b9774
parent 73208d3e86
commit 3ab87b9774
1 changed files with 4 additions and 2 deletions
--- a/dialog.js
+++ b/dialog.js
@ -27,7 +27,7 @@ export class Dialog extends HTMLElement {
    const style = document.createElement('style')
    style.textContent = `
      dialog {
-        margin-top: var(--margin-top, --120px);
+        margin-top: var(--dialog-margin-top, 120px);
        min-width: 200px;
        border: 1px solid rgba(0, 0, 0, 0.3);
        border-radius: 6px;
@ -84,7 +84,9 @@ export class Dialog extends HTMLElement {
  }

  set top(v) {
-    style.setProperty('--margin-top', `${v}px`)
+    this.shadowRoot.host.style.setProperty(
+      '--dialog-margin-top', `${v}px`
+    )
  }

  get top() {