Text Editors, Form - Top margin for the outlined text editor with a floating/static label has been changed

What Changed

In v21.2.6 and newer, text editors with floating/static labels have a non-null top margin. The CSS styles below illustrate the text editor's top margin values in the Generic and Material themes:

CSS
.dx-editor-outlined.dx-texteditor-with-floating-label {
    ....
    margin-top: 7.5px
}

CSS
.dx-editor-outlined.dx-texteditor-with-floating-label {
   ....
   margin-top: 6px;
}

Reasons for Change

Previously, a label of the outlined text editor might cover other page elements because the text editor did not have top margins when the floating/static label was used.

In v21.2.6, we have fixed this behavior in the T1044167 thread. Due to this change, text editors with floating/static labels now have a non-null top margin.

Impact on Existing Apps

This change may affect your application if you rely on the previous position of text editors. This change affects text editors' position and increases paddings between rows in the Form component.

How to Revert to Previous Behavior

If you need to revert to the previous position of items in the Form component, decrease the default value of the editor's top padding. The example below demonstrates how to revert to the previous behavior in the Form in the Generic and Material themes.

CSS
.dx-layout-manager .dx-field-item:not(.dx-first-row) { 
    padding-top: 2.5px; // default value is 10px
}

CSS
.dx-field-item:not(.dx-field-item-has-group):not(.dx-field-item-has-tabs):not(.dx-first-row):not(.dx-label-v-align) { 
    padding-top: 20px; // default value is 26px
}

You can test this behavior in this demo.