Progress® Kendo UI® for jQuery Feedback Portal
Back to Feed
Request a Feature Report a Bug
Unplanned
Last Updated: 25 Jul 2024 07:46 by ADMIN
Michael D
Created on: 01 Jul 2024 09:41
Category: Gantt
Type: Feature Request
0
Gantt - space in header is reserved for non-existent (collapsed) scrollbar in Firefox

When rendering this minimal DOJO containing a Kendo-UI Gantt chart in Chrome, space in the grid header is reserved for the vertical scrollbar on the right hand side:

When using Firefox, space is still reserved, although scrollbars collapse by default and therefore do not need any space:

5 comments
ADMIN
Georgi Denchev
Posted on: 25 Jul 2024 07:46

Hi, Michael,

I've reviewed the Grid where a similar padding is also applied to the header and it seems like we have it handled there(it seems to have been related to a completely different problem).

https://dojo.telerik.com/AyINuXid 

I believe it should be possible to extract the logic to the Gantt as well. I'll change the ticket to a Feature Request and update its status.

Best Regards,
Georgi Denchev
Progress Telerik

Do you have a stake in the designеr-developer collaboration process? If so, take our survey to share your perspective and become part of this global research. You’ll be among the first to know once the results are out.
-> Start The State of Designer-Developer Collaboration Survey 2024

Michael D
Posted on: 18 Jul 2024 09:54

I am afraid this is not true.

The described issue is caused by a style in the theme package:

.k-grid-header,
.k-grid-footer {
    padding-inline-start: 0;
    padding-inline-end: var(--kendo-scrollbar-width, #{$kendo-scrollbar-width});
    border-width: 0;
    border-style: solid;
    border-color: inherit;
    flex: 0 0 auto;
}

--kendo-scrollbar-width is always unset while $kendo-scrollbar-width is hardcoded to 17px and therefore does not adapt to specific browsers.

The kendo.support.scrollbar() method correctly detects the scrollbar width for the current browser (e.g. for Chrome, it returns 17px and for FF with "Always show scrollbars" activated, it returns 0px). It could be used to either correctly set --kendo-scrollbar-width or to adjust the corresponding padding directly via JS.


ADMIN
Georgi Denchev
Posted on: 17 Jul 2024 10:15

Hi, Michael,

Unfortunately, this is not something that we can affect in any way. We don't have access to the windows settings so we can't make any conditional changes based on them.

This is something that FF team needs to remedy.

Best Regards,
Georgi Denchev
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! 
Michael D
Posted on: 10 Jul 2024 12:22

Yes, I can confirm that this issue is related to the mentioned Windows 11 setting. FF versions > 100 use the operating system setting. If you turn on "Always show scrollbars", everything works as expected.

However, since "Always show scrollbars" is turned off by default, it would be nice if the Kendo UI components could deal with it - Otherwise enabling or disabling certain windows setting would become a requirement for using a website...

ADMIN
Georgi Denchev
Posted on: 08 Jul 2024 08:50

Hi, Michael,

I am able to observe the scrollbar in FF as well:

I suspect that the problem arises due to a Windows setting:

Could you double-check the Settings > Accessibility > Visual Effects section on Windows and make sure that the "Always show scrollbars" option is turned on.

Best Regards,
Georgi Denchev
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! 
Create an account Log In
View
Type
Status
Category