Declined
Last Updated: 26 Mar 2021 11:11 by ADMIN
Doug
Created on: 05 Mar 2021 00:40
Category: Grid
Type: Bug Report
0
Grid column resizing doesn't follow the mouse

When you resize grid columns the column width does not follow the mouse. This occurs in your demo:

 

https://demos.telerik.com/blazor-ui/grid/column-resizing

 

Make a column wider or narrower and the column width does not stay in line with where the mouse is.

7 comments
ADMIN
Nadezhda Tacheva
Posted on: 26 Mar 2021 11:11

Hi Doug,

I'm glad to find out you have managed to isolate the scenario that the issue stems from the machine itself.

I will mark this thread's status as "Declined" as it does not actually reports a bug but a corner case on a local machine as clarified.

Regards,
Nadezhda Tacheva
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Doug
Posted on: 23 Mar 2021 18:01
I'm on the latest version of Chrome (89.0.4389.90) but apparently it's just me. I asked a couple of testers and they say it's fine and I logged into a VM and it's fine there too so if this is only happening on my laptop I'm not going to worry about it. If someone else reports it to me we can revisit it but for now we can let it go. Thanks for your help.
ADMIN
Nadezhda Tacheva
Posted on: 23 Mar 2021 10:20

Hi Doug,

The attached video from my last post represents the demo page behavior in the latest version of Chrome.

As Telerik UI for Blazor supports the latest versions of the listed browsers (Chrome, Edge, Firefox, Safari - see Browser support), we strongly recommend visiting our resources with the latest possible version of your browser.

As a side note, the new version of Microsoft Edge is based on the Chromium engine (as of January, 2020) and therefore it should function and look like Chrome.

With the above being said, could you please double check if you are using the latest version of your browser? If you do but you are still noticing any odd behavior, could you send us a video of the issue you are experiencing?

Also,  if you are reproducing the described behavior locally as well, could you send us the reproduction code to investigate further?


Regards,
Nadezhda Tacheva
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Doug
Posted on: 16 Mar 2021 17:46
Yes, in your video it looks correct. I'm not sure which browser you're using in the video but what I've discovered is that it looks correct in Firefox but in Chrome and Edge it's not correct.
ADMIN
Nadezhda Tacheva
Posted on: 16 Mar 2021 13:23

Hi Doug,

I tested the resizing behavior in the demo, however it looks to me it behaves as expected (see video attached).

If you experience any delay between the mouse action and the column resizing, that could be caused by some network latency. In order to verify that, you can test it locally to see if it behaves differently.

Apart from the demo use case, we are aware of one limitation of the resizing in scenario with flexbox containers. In case you are referring to a scrollbar appearing on the main app element or the body, instead of the grid/layout container, this behavior stems from the way elements with display: flex handle <table> elements with large width set in % and table-layout:fixed. More details as well as reproduction and solution on that you can find in this knowledge base article - Grid is too wide under bootstrap column, or causes unexpected scrollbars in the layout.

I hope you'll find the above information and details useful. In case additional questions appear on the topic, could you send us a reproduction of the behavior you are experiencing, so we can investigate further?

Regards,
Nadezhda Tacheva
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Attached Files:
Doug
Posted on: 09 Mar 2021 16:02

No, that's not what I mean. I get that the resize indicator is slightly off to the left of the column border but that's fine. What I'm referring to is when you actually resize the column. The column width does not follow the mouse precisely. Click the link in my original post and resize the Date column. You'll see what I mean. This isn't a big show stopper but it just looks funny.

ADMIN
Nadezhda Tacheva
Posted on: 09 Mar 2021 15:14

Hello Doug,

If I correctly understand, you are referring to the resizing indicator appearing not exactly on the cell border (as it is in Excel for example) but a little bit on the side.

If that's the case, the reason behind that behavior is that the Resize event needs a DOM element to be subscribed to. Since the cell border is not a DOM element as per its nature, we use a span with class .k-column-resizer for that purpose (see the attached screenshot). Therefore, the resizing cursor appears when you hover over this span instead of on hovering on the cell border.

If this is not what you mean, could you provide some more details and, perhaps, a screenshot or video of the problem?

Regards,
Nadezhda Tacheva
Progress Telerik

Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Attached Files: