Progress® Kendo UI® for jQuery Feedback Portal
Back to Feed
Request a Feature Report a Bug
Completed
Last Updated: 14 Sep 2023 09:00 by ADMIN
Release R3.2023-Increment.2(30.Aug.2023)
AGB
Created on: 23 Jun 2023 13:22
Category: MultiColumnComboBox
Type: Bug Report
0
MultiColumnComboBox - Dropdown Rendering Issue - v2023.1.314 regression

Hi Guys

While testing the latest v2023.2.606 release I have found an issue with the MultiColumnComboBox whereby the dropdown list items are not being rendered correctly following a selection.

To demonstrate run the following dojo

https://dojo.telerik.com/EtepUlav

Then

    - Type che into the input box
    - Select 'Chef Anton's Gumbo Mix' from the list
    - Now hit the dropdown button

You should now see the list has

    - Misaligned column headers
    - The list only shows the first 4 items
    - The selected item is not in view or highlighted
    - The list is not scrollable

NOTE: The above happens consistently under Chrome but randomly under Firefox.

Have traced things back and this would appear to be a regression introduced in the v2023.1.314 release.

Regards
Alan

   
Attached Files:
8 comments
ADMIN
Neli
Posted on: 14 Sep 2023 09:00

Hello Alan,

Thank you for the feedback. Take your time to perform the tests and let us know in case any issue arises. 

Regards,
Neli
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources! 
AGB
Posted on: 07 Sep 2023 13:12
Hi Neli

It would appear your test Dojo does not manifest the same issues as I'm seeing in my application.

I have tried replicating my config (classic silver theme, non rounded corners, font sizing, padding etc) in the Dojo all to no avail.

Therefore something more deep rooted within my application must be upsetting the dropdown rendering, which goes away as soon as I set a width on every column.

I will do some more digging with the Dojo and if I'm able to reproduced it there I'll let you know.

Regards
Alan
ADMIN
Neli
Posted on: 07 Sep 2023 09:32

Hi Alan,

I have followed the provided steps and configuration settings in the Dojo linked here, but the headers and columns appear aligned on my side. May I ask you to review the example and let me know if I am missing something?

Looking forward to your reply.

Regards,
Neli
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources! 
AGB
Posted on: 31 Aug 2023 12:36
Hi Angel,

Due to the sensitive nature of the data I'm unable to send a video capture of my application, but the steps to reproduce are

- Create a drop down with 5 columns
- Set a width on the first two and last two columns leaving the middle column without a width
- Set a fixed dropdown width
- Set server filter
- Set minLength = 3

With the above I see column misalignment with the borders of the last two columns as per SS_1.png.

As mentioned in my last comment setting a width on all the columns and the problems go away.

Regards
Alan
ADMIN
Angel Petrov
Posted on: 31 Aug 2023 11:50

Hello Alan,

Could you please share with us an exemplary setup with which we can test this behavior. I did try with this dojo but it seemed to be working correctly. Can you send us a video capture or a list on how to recreate the problem?

Regards,
Angel Petrov
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources! 
AGB
Posted on: 31 Aug 2023 07:59
Hi Guys,

Have been doing a little more testing and the misaligned column borders seem to occur when some columns have a fixed with and others are variable. Setting all columns to have a fixed width seems to overcome the problems reported in my 30 Aug posting.

If setting a fixed width on all columns is now mandatory then you might want to tweak the documentation and demos.

Regards
Alan
AGB
Posted on: 30 Aug 2023 13:33
Hi Guys

Have just downloaded and tested the 2023.2.829 release and I'm afraid top say this problem is only partially fixed.

The following appear to now be working correctly

    - The list only shows the first 4 items
    - The selected item is not in view or highlighted
    - The list is not scrollable

But there are still problems if

    - Number of columns > 3
    - Server filtering is applied
    - minLength > 1

With the above configured hit the drop down button to show the 'noData' message.
Close the dropdown and start typing a search that results in multiple items. The dropdown grid opens but does not have a scrollbar and cannot be scrolled plus the column borders for the header and body are out of alignment. (See SS_1.png)

Close and reopen the dropdown and now along with the misaligned borders the footer is not aligned to the bottom of the grid. (See SS_2.png)

I suspect some of these problems are attributed to the showing/hiding of the scrollbar which the header is not taking into consideration.

Regards
Alan

Attached Files:
ADMIN
Neli
Posted on: 30 Jun 2023 08:41

Hi,

Thank you very much for pointing the issue. I am changing the status of the item to 'Unplanned'. As the issue is a regression it is considered with the highest possible priority. You could follow the item in order to be notified about our progress on it.

As a token of gratitude for reporting incorrect behavior, I have updated your Telerik points.

Regards,
Neli
Progress Telerik

As of R2 2023, the default icon type will be SVG instead of Font. See this blogpost for more information.
Create an account Log In
View
Type
Status
Category