Progress® KendoReact Feedback Portal
Back to Feed
Request a Feature Report a Bug
Need More Info
Last Updated: 22 Mar 2025 06:38 by Andrei
Andrei
Created on: 10 Mar 2025 07:54
Category: KendoReact
Type: Bug Report
0
The state of the buttons does not change when the width of the component is changed.
When I change the width of the component, I expect that the state of the buttons (active/locked) will change depending on the scroll position, but this does not happen. For example, if the component did not scroll and both buttons are locked, then when the width is reduced, they will also remain locked. I think this is a mistake. Is there a way around this problem?
5 comments
Andrei
Posted on: 22 Mar 2025 06:38

The correct link is to an example of the behavior being discussed

 

https://stackblitz.com/edit/react-3zy3jnvs-sdemandm?file=package.json

Andrei
Posted on: 22 Mar 2025 06:33

Now I see that this behavior has been fixed in version 9.4.1. Here is an example of what I meant. 

https://stackblitz.com/edit/react-3zy3jnvs?file=app%2Fapp.tsx,package.json

When the size of the Splitter was changed, the TabStrip did not adjust to the new dimensions, that is, the scroll buttons did not change their state. In your example based on the latest version, this behavior is not observed. We can't update our packages to the latest version right now, so it would be nice if we could suggest some workaround. Thanks

ADMIN
Filip
Posted on: 21 Mar 2025 19:51

Hello, Andrei,

Thank you for the clarification.

Just to make sure I understand the scenario correctly—does the undesired behavior occur only when the width is changed manually, or does it also happen when the width is fixed to a certain value? I created an example with a set width and the scrollable prop, however I was not able to observe the undersired behavior:

https://stackblitz.com/edit/react-3zy3jnvs?file=app%2Fapp.tsx

If the issue is reproduced in the example above can you send me a video which showcases the required steps?

Regards,
Filip
Progress Telerik

Enjoyed our products? Share your experience on G2 and receive a $25 Amazon gift card for a limited time!

Andrei
Posted on: 17 Mar 2025 06:02
sorry, I thought I specified the component when filling out the bug report. the problem concerns the TabStrip component if the scrollbable property is set. try changing the width of the container in which the component is drawn and you will see that the state of the scroll buttons does not change.
ADMIN
Filip
Posted on: 14 Mar 2025 15:39

Hello, Andrei,

Can you please provide more information on which components you are using? Is the KendoReact Button in a Form or inside the Grid? If possible, can you please send me a runnable example which reproduces the undesired behavior? This will enable me to debug it locally and determine if it is a bug on our side and possibly find a workaround.

Looking forward to your reply.

Regards,
Filip
Progress Telerik

Enjoyed our products? Share your experience on G2 and receive a $25 Amazon gift card for a limited time!

Create an account Log In
View
Type
Status
Category