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

Scrollbar disappears when zoomed in on chromium browsers #613

New Issue
Closed
opened 2026-01-29 17:40:17 +00:00 by claunia · 3 comments
claunia commented 2026-01-29 17:40:17 +00:00
Owner
Copy Link

Originally created by @DanRogers99 on GitHub (Nov 1, 2022).

Describe the bug
The scrollbar on components disappears when zoomed in on chromium browsers.

To Reproduce
Steps to reproduce the behavior:

  1. Go to 'https://blazor.radzen.com/datagrid-virtualization'
  2. Set browser zoom to 150% or 200%

Expected behavior
Scrollbar width should scale with browser zoom. Ie if it is 8px at 100% it should be 12px at 150% and 16px at 200%

Screenshots
100% Browser Zoom:
image

150% Browser Zoom:
image

200% Browser Zoom:
image

Desktop (please complete the following information):

  • OS: Windows
  • Browser Chrome
  • Version 106.0.5249.120
Originally created by @DanRogers99 on GitHub (Nov 1, 2022). <!-- IMPORTANT: Read this first!!! 1. If you own a Radzen Professional or Еnterprise subscription you can report your issue or ask us a question via email at info@radzen.com. Radzen staff will reply within 24 hours (Professional) or 16 hours (Enterprise) 2. The Radzen staff guarantees a response to issues in this repo only to paid subscribers. 3. If you have a HOW TO question start a new forum thread in the Radzen Community forum: https://forum.radzen.com. Radzen staff will close issues that are HOWTO questions. 4. Please adhere to the issue template. Specify all the steps required to reproduce the issue or link a project which reproduces it easily (without requiring extra steps such as restoring a database). --> **Describe the bug** The scrollbar on components disappears when zoomed in on chromium browsers. **To Reproduce** Steps to reproduce the behavior: 1. Go to 'https://blazor.radzen.com/datagrid-virtualization' 2. Set browser zoom to 150% or 200% **Expected behavior** Scrollbar width should scale with browser zoom. Ie if it is 8px at 100% it should be 12px at 150% and 16px at 200% **Screenshots** **100% Browser Zoom:** ![image](https://user-images.githubusercontent.com/33861884/199228603-1921ce21-939e-47ba-99a9-4f17248e36a2.png) **150% Browser Zoom:** ![image](https://user-images.githubusercontent.com/33861884/199228704-05ea25b6-0183-49a8-9386-0a17230d8393.png) **200% Browser Zoom:** ![image](https://user-images.githubusercontent.com/33861884/199228773-dc22a51d-9814-4cd2-93fe-f143a6a3881c.png) **Desktop (please complete the following information):** - OS: Windows - Browser Chrome - Version 106.0.5249.120
claunia commented 2026-01-29 17:40:17 +00:00
Author
Owner
Copy Link

@akorchev commented on GitHub (Nov 12, 2022):

What Radzen theme CSS file did you include? We need to know if you are using the base theme (which does not style the scrollbar) or the full theme (which styles it). In any case you can try including -base.css and see if it resolves the problem.

@akorchev commented on GitHub (Nov 12, 2022): What Radzen theme CSS file did you include? We need to know if you are using the base theme (which does not style the scrollbar) or the full theme (which styles it). In any case you can try including <theme>-base.css and see if it resolves the problem.
claunia commented 2026-01-29 17:40:18 +00:00
Author
Owner
Copy Link

@DanRogers99 commented on GitHub (Nov 12, 2022):

@akorchev this is using any of the themes on the website (we use material for our project). RadzenBlazorDemos/Theme.razor always uses the -base.css version of any files

@DanRogers99 commented on GitHub (Nov 12, 2022): @akorchev this is using any of the themes on the website (we use material for our project). RadzenBlazorDemos/Theme.razor always uses the -base.css version of any files
claunia commented 2026-01-29 17:40:18 +00:00
Author
Owner
Copy Link

@akorchev commented on GitHub (Nov 13, 2022):

It happens because of the custom scroll styling implementation. We will probably change it with the next release.

@akorchev commented on GitHub (Nov 13, 2022): It happens because of the custom scroll styling implementation. We will probably change it with the next release.
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#613
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?