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 */
align-self: stretch; /* override `baseline` from */
}
+
+ :host([invalid][error-message]:not([error-message=""])) [part="input-field"]::after,
+ :host([invalid][error-message]:not([error-message=""])) [part="input-field"]::before {
+ bottom: 18px;
+ }