search

telerik / kendo-angular

Issue tracker - Kendo UI for Angular
http://www.telerik.com/kendo-angular-ui/
Other
467 stars 217 forks source link

[MultiColumnComboBox] column borders are misaligned when virtualization is enabled #3189

Open mbechev opened 3 years ago

mbechev commented 3 years ago

Describe the bug Enabling virtualization, misalign the column borders, and render the last column data with 3 dots, even if there is enough space for the content:

26 01 2021_16 20 16_REC

To Reproduce https://stackblitz.com/edit/angular-n7xpkc

Reported in private support thread: 1503791, 1562301, 1608661, 1619944, 1662216

yanmariomenev commented 2 years ago

In addition to the issue if media is added to the column, the alignment between the header and column is larger:

<kendo-combobox-column
media="(min-width: 300px)"
field="title"
title="Job Title"
[width]="200">
</kendo-combobox-column>

chrome_EmvOocDtqv

stnikolova commented 2 years ago

The reported issue that 3 dots are rendered in the last column is not reproducible in the provided StackBlitz example. Please specify if any special environment requirements are present for the issue to be present.

erothfield commented 2 years ago

If you change one or more of the last name values in the sample to be longer than will fit, you can see there is an issue with misalignment of the columns and header. The column overflow handling does not seem to work with virtualization.

image

gklevi commented 4 months ago

We face the same issue.
Any info about the version this issue will be fixed?
Currently, we are forced to use a drop down list in our project but would prefer to use the multi column combo box as we need more data on selection of an item.

thomasponzo-dev commented 2 weeks ago

I also have the same problem how is this still not fixed after 4 years