wip

elsci-io · Feb 9, 2024 · 88ba8e2 · 88ba8e2
1 parent d7e9af3
commit 88ba8e2
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 6 deletions.
diff --git a/src/EditText/EditText.js b/src/EditText/EditText.js
@@ -64,9 +64,9 @@ export default class EditText extends HTMLElement {
         this.#children.popup.addEventListener('keydown', this.#onKeydown.bind(this));
         this.#children.input.onInput(this.#onInput.bind(this));
         this.addEventListener("cancel", this.#onEscape.bind(this));
-        this.querySelector(".popup-content").addEventListener("click", (event) => {
-            event.stopPropagation();
-        });
+        // this.querySelector(".popup-content").addEventListener("click", (event) => {
+        //     event.stopPropagation();
+        // });
     }
 
     #showPopup() {
@@ -142,7 +142,8 @@ export default class EditText extends HTMLElement {
         let {top, left} = this.getBoundingClientRect();
         this.#children.popup.style.top = top + window.scrollY + "px";
         this.#children.popup.style.left = left + window.scrollX + "px";
-        this.#children.popup.style['max-width'] = this.offsetWidth + 56 + "px";
+        console.log(this.offsetWidth)
+        this.#children.popup.style['max-width'] = this.offsetWidth + 16 + "px";
     }
 
     #isNumberType() {
@@ -192,7 +193,7 @@ export default class EditText extends HTMLElement {
             patternAttr = `pattern="${this.getAttribute("pattern")}"`
         return `<span class="edit-text__text"></span>
                 <dialog class="edit-text__popup" tabindex="9">
-                    <section class="popup-content">
+                    
                         <text-input 
                             class="text-input--with-right-icon" 
                             label="" 
@@ -206,7 +207,7 @@ export default class EditText extends HTMLElement {
                             ${patternAttr}
                             type="${typeAttr}"
                         ></text-input>
-                    </section>
+                 
                 </dialog>`;
     }
 

diff --git a/src/EditText/EditText.scss b/src/EditText/EditText.scss
@@ -1,5 +1,6 @@
 edit-text {
   display: inline-block;
+  max-width: 100%;
 }
 
 .edit-text__popup {