@aquera/nile-elements 0.0.6-2 → 0.0.6-3

package/package.json

@@ -3,7 +3,7 @@
   "description": "Webcomponent nile-elements following open-wc recommendations",
   "license": "MIT",
   "author": "nile-elements",
-  "version": "0.0.6-2",
+  "version": "0.0.6-3",
   "main": "dist/src/index.js",
   "type": "module",
   "module": "dist/src/index.js",

package/src/nile-textarea/nile-textarea.ts

@@ -149,6 +149,8 @@ export class NileTextarea extends NileElement  {
   /** The default value of the form control. Primarily used for resetting the form control. */
   @defaultValue() defaultValue = '';
 
+  @property({ type: Boolean, reflect: true }) fullHeight = false;
+
   connectedCallback() {
     super.connectedCallback();
     this.resizeObserver = new ResizeObserver(() => this.setTextareaHeight());
@@ -157,6 +159,18 @@ export class NileTextarea extends NileElement  {
       this.setTextareaHeight();
       this.resizeObserver.observe(this.input);
     });
+
+    if(this.fullHeight){
+    requestAnimationFrame(() => {
+      let parentHeight = this.parentElement?.getBoundingClientRect().height;
+
+      if (parentHeight) {
+        parentHeight = parentHeight - 65;
+        this.shadowRoot?.querySelector('textarea')?.style.setProperty('height', `${parentHeight}px`);
+      }
+    });
+    }
+
     this.emit('nile-init');
   }