From 2712ac48828ead01bed277bc750c8309ccfc5879 Mon Sep 17 00:00:00 2001
From: Nii Yeboah <nii@vaadin.com>
Date: Wed, 27 Feb 2019 17:51:43 +0200
Subject: [PATCH] Fix text-area scroll with fixed height in material theme

---
 src/vaadin-text-field-mixin.html            | 3 ++-
 theme/material/vaadin-text-area-styles.html | 6 ++++++
 2 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/vaadin-text-field-mixin.html b/src/vaadin-text-field-mixin.html
index 5a708393..f26fe731 100644
--- a/src/vaadin-text-field-mixin.html
+++ b/src/vaadin-text-field-mixin.html
@@ -189,7 +189,8 @@
          */
         errorMessage: {
           type: String,
-          value: ''
+          value: '',
+          reflectToAttribute: true
         },
 
         /**
diff --git a/theme/material/vaadin-text-area-styles.html b/theme/material/vaadin-text-area-styles.html
index 524687cb..b764d724 100644
--- a/theme/material/vaadin-text-area-styles.html
+++ b/theme/material/vaadin-text-area-styles.html
@@ -6,6 +6,7 @@
       [part="input-field"] {
         height: auto;
         box-sizing: border-box;
+        position: static;
       }
 
       /* NOTE(platosha): double attribute workarounds specifity for Firefox */
@@ -19,6 +20,11 @@
         white-space: pre-wrap; /* override `nowrap` from <vaadin-text-field> */
         align-self: stretch; /* override `baseline` from <vaadin-text-field> */
       }
+
+      :host([invalid][error-message]:not([error-message=""])) [part="input-field"]::after,
+      :host([invalid][error-message]:not([error-message=""])) [part="input-field"]::before {
+        bottom: 18px;
+      }
     </style>
   </template>
 </dom-module>