chore(demo): adding useImportant to demo page

chrum · Feb 17, 2019 · 477ecb9 · 477ecb9
1 parent 3df71c7
commit 477ecb9
Show file tree

Hide file tree

Showing 5 changed files with 23 additions and 2 deletions.
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ngx-autosize-app",
-  "version": "1.4.1",
+  "version": "1.5.0",
   "homepage": "https://chrum.it/pages/ngx-autosize",
   "description": "Directive that automatically adjusts textarea height to fit content",
   "repository": {

diff --git a/projects/autosize/package.json b/projects/autosize/package.json
@@ -1,6 +1,6 @@
 {
   "name": "ngx-autosize",
-  "version": "1.4.1",
+  "version": "1.5.0",
   "homepage": "https://chrum.it/pages/ngx-autosize",
   "description": "Directive that automatically adjusts textarea height to fit content",
   "repository": {

diff --git a/src/app/app.component.html b/src/app/app.component.html
@@ -38,6 +38,22 @@ <h3>Only growing <input type="checkbox" [(ngModel)]="onlyGrow"/></h3>
 
 <hr/>
 
+<div>
+    <h3>
+        <h3>Use '!important' <input type="checkbox" [(ngModel)]="useImportant"/></h3>
+    </h3>
+    <form [formGroup]="reactiveForm">
+        <textarea type="text" class="forceImportant"
+                  [useImportant]="useImportant"
+                  autosize>This one shouldnt work correctly without 'useImportant' Input set
+        as there is a
+        harmful
+        and malicious '!important' somewhere in the styles</textarea>
+    </form>
+</div>
+
+<hr/>
+
 <div>
     <h3>[ formControl ]
         <button (click)="updateReactiveText()">Change</button>

diff --git a/src/app/app.component.scss b/src/app/app.component.scss
@@ -1,3 +1,7 @@
 textarea {
   min-width: 450px;
+
+  &.forceImportant {
+    height: auto !important
+  }
 }
diff --git a/src/app/app.component.ts b/src/app/app.component.ts
@@ -16,6 +16,7 @@ export class AppComponent {
     public minRows = 3;
     public maxRows = 4;
     public onlyGrow = true;
+    public useImportant = true;
 
     reactiveText = new FormControl(longText);
     reactiveForm = new FormGroup({