search

radzenhq / radzen-blazor

Radzen Blazor is a set of 90+ free native Blazor UI components packed with DataGrid, Scheduler, Charts and robust theming including Material design and FluentUI.
https://www.radzen.com
MIT License
3.5k stars 784 forks source link

Scrollbar disappears when zoomed in on chromium browsers #675

Closed DanRogers99 closed 1 year ago

DanRogers99 commented 1 year ago

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):

akorchev commented 1 year ago

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.

DanRogers99 commented 1 year ago

@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

akorchev commented 1 year ago

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