wip

elsci-io · Feb 7, 2024 · 46ffe6f · 46ffe6f
1 parent 8f3e3e8
commit 46ffe6f
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src/EditText/EditText.js b/src/EditText/EditText.js
@@ -66,12 +66,13 @@ export default class EditText extends HTMLElement {
     #onInput(_, isValid) {
         this.#isValid = isValid;
         const value = this.#children.input.rawValue;
-        if (10 < value.length) {
+        if (100 < value.length) {
             this.#children.input.value = this.#lastEnteredValue;
             this.#isValid = this.#children.input.checkValidity();
         } else {
             this.#lastEnteredValue = value;
         }
+        this.#children.input.style.width = value.length + 3 + "ch";
     }
 
     #onEscape() {
@@ -161,6 +162,7 @@ export default class EditText extends HTMLElement {
                             ${minAttr}
                             ${maxAttr}
                             type="${typeAttr}"
+                            style="width: ${value.length + 3 + 'ch'}; min-width: 3rem"
                         ></text-input>
                     </section>
                 </dialog>`;

diff --git a/src/EditText/EditText.scss b/src/EditText/EditText.scss
@@ -25,6 +25,7 @@
 
 .edit-text__popup .text-input--with-right-icon .text-input__input {
   padding-right: 0;
+  width: inherit;
 }
 
 edit-text .edit-text__text {