wip

elsci-io · Feb 12, 2024 · c82ef5d · c82ef5d
1 parent d7e9af3
commit c82ef5d
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 7 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,7 @@ 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";
+        this.#children.popup.style['max-width'] = this.offsetWidth + 16 + "px";
     }
 
     #isNumberType() {
@@ -155,7 +155,7 @@ export default class EditText extends HTMLElement {
         tempElement.style.visibility = "hidden";
         document.body.appendChild(tempElement);
         const textWidth = tempElement.offsetWidth;
-        element.style.width = textWidth + 30 + "px";
+        element.style.width = textWidth + 16 + "px";
         document.body.removeChild(tempElement);
     }
 
@@ -192,7 +192,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 +206,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 {