starred/radzen-blazor
1
0
Fork 0
mirror of https://github.com/radzenhq/radzen-blazor.git synced 2026-02-04 05:35:44 +00:00
Code Issues 1.3k Packages Projects Releases 22 Wiki Activity

Tabs shaking/bouncing when transitioning in Material theme #958

New Issue
Open
opened 2026-01-29 17:46:54 +00:00 by claunia · 0 comments
claunia commented 2026-01-29 17:46:54 +00:00
Owner
Copy Link

Originally created by @Matthewsre on GitHub (Aug 16, 2023).

Describe the bug
Selecting tabs on the "material" theme causes a "shake" or "bouncing" behavior for the content underneath when switching tabs.

To Reproduce
Steps to reproduce the behavior:

  1. Go to https://blazor.radzen.com/tabs?theme=material
  2. Click on 'Employee' tab.
  3. Observer "shaking"/"bouncing" behavior when transitioning between tabs.
  4. Click on 'Customers' tab.
  5. Observer "shaking"/"bouncing" behavior when transitioning between tabs.
  6. Click back and forth between tabs

Expected behavior
Smooth transition between content without the jarring screen shake/bounce. Verified works smoothly as expected on "default" and "material3" themes.

Screenshots
Bouncing behavior originates near the highlighted line:

image

Desktop (please complete the following information):

  • OS: Windows 11
  • Browser: happens in Edge, Chrome, and Brave
  • Version: all current
Originally created by @Matthewsre on GitHub (Aug 16, 2023). **Describe the bug** Selecting tabs on the "material" theme causes a "shake" or "bouncing" behavior for the content underneath when switching tabs. **To Reproduce** Steps to reproduce the behavior: 1. Go to https://blazor.radzen.com/tabs?theme=material 2. Click on 'Employee' tab. 3. Observer "shaking"/"bouncing" behavior when transitioning between tabs. 4. Click on 'Customers' tab. 5. Observer "shaking"/"bouncing" behavior when transitioning between tabs. 6. Click back and forth between tabs **Expected behavior** Smooth transition between content without the jarring screen shake/bounce. Verified works smoothly as expected on "default" and "material3" themes. **Screenshots** Bouncing behavior originates near the highlighted line: ![image](https://github.com/radzenhq/radzen-blazor/assets/2955659/548de8cf-b446-491b-9046-be2623212ea6) **Desktop (please complete the following information):** - OS: Windows 11 - Browser: happens in Edge, Chrome, and Brave - Version: all current
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
enhancement
good first issue
pull-request
Mirrored from GitHub Pull Request
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
claunia
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/radzen-blazor#958
Delete Branch "%!s()"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?