BuyLog In
Breaking Change T1247444
Visible to All Users

ComboBox, TagBox - Column width specified in relative units is ignored in ContentWidth and ContentOrEditorWidth modes

What Changed

In v24.1.4 and earlier, when you used ContentOrEditorWidth or ContentWidth drop-down width mode and specify the column width in relative units (%%), multi-column ComboBox or TagBox can calculate an individual column width incorrectly because the drop-down window width can change based on the content.

Starting from v24.1.5, the ComboBox/TagBox ignores column widths specified in relative units (for ContentOrEditorWidth or ContentWidth modes). The editor calculates column widths automatically based on the content's width, or you can specify column widths in absolute units. Relative units are only supported for the EditorWidth mode.

Code
<DxComboBox Data="@Data"
            @bind-Value="@SelectedEmployee"
            DropDownWidthMode="ContentOrEditorWidth">
    <Columns>
             <DxListEditorColumn FieldName="@nameof(Person.Id)" Width="100px"></DxListEditorColumn>
             <DxListEditorColumn FieldName="@nameof(Person.Name)" Width="200px"></DxListEditorColumn>
             @* The Width property specified in relative units are ignored in v24.1.5 *@
             <DxListEditorColumn FieldName="@nameof(Person.Position)" Width="20%"></DxListEditorColumn>
             <DxListEditorColumn FieldName="@nameof(Person.Address)" Width="80%"></DxListEditorColumn>        
    </Columns>
</DxComboBox>

v24.1.4 or earlier

combobox-old.png

v24.1.5

combobox-new.png

Reasons for Change

Column widths could be calculated incorrectly when you specify column widths in relative units.

Impact on Existing Apps

This change may affect your application if it contains ComboBox/TagBox components with multiple columns and you specify column widths in relative units.

How to Update Existing Apps

Recommended Approach
If you specify relative units in the Width property for a ComboBox/TagBox column, the ComboBox/TagBox ignores them and calculates the column's width based on the content's width. In this case, you can remove the Width property. You can also specify the column width in absolute units.

Temporary Solution (Not Recommended)
You can temporarily switch to the previous ComboBox/TagBox implementation. To do this, set the following properties to true:

IMPORTANT: These properties will be removed in future versions. Use them only as a temporary solution.

Disclaimer: The information provided on DevExpress.com and affiliated web properties (including the DevExpress Support Center) is provided "as is" without warranty of any kind. Developer Express Inc disclaims all warranties, either express or implied, including the warranties of merchantability and fitness for a particular purpose. Please refer to the DevExpress.com Website Terms of Use for more information in this regard.

Confidential Information: Developer Express Inc does not wish to receive, will not act to procure, nor will it solicit, confidential or proprietary materials and information from you through the DevExpress Support Center or its web properties. Any and all materials or information divulged during chats, email communications, online discussions, Support Center tickets, or made available to Developer Express Inc in any manner will be deemed NOT to be confidential by Developer Express Inc. Please refer to the DevExpress.com Website Terms of Use for more information in this regard.