Merge pull request #7037 from yigitfindikli/textAreaFloat

fixed #5560 Floating label support for textArea
primefaces · Dec 31, 2018 · 95d8314 · 95d8314
2 parents a6cfbc5 + 425f5c0
commit 95d8314
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 0 deletions.
diff --git a/src/app/components/inputtextarea/inputtextarea.css b/src/app/components/inputtextarea/inputtextarea.css
@@ -12,4 +12,9 @@
 .ui-float-label textarea:-webkit-autofill ~ label {
   top:-.75em;
   font-size:12px;
+}
+
+.ui-float-label > textarea ~ label {
+    left: .25em;
+    top: .75em;
 }
diff --git a/src/app/showcase/components/inputtextarea/inputtextareademo.html b/src/app/showcase/components/inputtextarea/inputtextareademo.html
@@ -9,6 +9,12 @@
     <h3 class="first">Default</h3>
     <textarea rows="5" cols="30" pInputTextarea></textarea>
 
+    <h3 class="first">Float Label</h3>
+    <span class="ui-float-label">
+        <textarea id="float-input" rows="5" cols="30" pInputTextarea></textarea>
+        <label for="float-input">Summary</label>
+    </span>
+
     <h3>AutoResize</h3>
     <textarea [rows]="5" [cols]="30" pInputTextarea autoResize="autoResize"></textarea>
 </div>