diff --git a/packages/text-area/src/vaadin-text-area.js b/packages/text-area/src/vaadin-text-area.js index be1ee0f7cf..cb3dd6f20c 100644 --- a/packages/text-area/src/vaadin-text-area.js +++ b/packages/text-area/src/vaadin-text-area.js @@ -114,7 +114,13 @@ export class TextArea extends ResizeMixin(PatternMixin(InputFieldMixin(ThemableM box-shadow: none; } - [part='input-field'] ::slotted(*) { + /* Override styles from */ + [part='input-field'] ::slotted(textarea) { + align-self: stretch; + white-space: pre-wrap; + } + + [part='input-field'] ::slotted(:not(textarea)) { align-self: flex-start; } diff --git a/packages/text-area/theme/lumo/vaadin-text-area-styles.js b/packages/text-area/theme/lumo/vaadin-text-area-styles.js index 178466866c..a8016a8ad0 100644 --- a/packages/text-area/theme/lumo/vaadin-text-area-styles.js +++ b/packages/text-area/theme/lumo/vaadin-text-area-styles.js @@ -51,8 +51,6 @@ const textArea = css` } [part='input-field'] ::slotted(textarea) { - white-space: pre-wrap; /* override "nowrap" from */ - align-self: stretch; /* override "baseline" from */ line-height: inherit; --_lumo-text-field-overflow-mask-image: none; } diff --git a/packages/text-area/theme/material/vaadin-text-area-styles.js b/packages/text-area/theme/material/vaadin-text-area-styles.js index 4cc3b09800..5e1a1e1b7b 100644 --- a/packages/text-area/theme/material/vaadin-text-area-styles.js +++ b/packages/text-area/theme/material/vaadin-text-area-styles.js @@ -17,11 +17,6 @@ const textArea = css` margin-top: 4px; } - [part='input-field'] ::slotted(textarea) { - white-space: pre-wrap; /* override "nowrap" from */ - align-self: stretch; /* override "baseline" from */ - } - [part='input-field']::before, [part='input-field']::after { bottom: calc(var(--_text-area-vertical-scroll-position) * -1);