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

Packaged .css disables horizontal scroll on mobile browsers #653

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

Originally created by @InvisiblePhil on GitHub (Nov 29, 2022).

The following code is in the file radzen-blazor/Radzen.Blazor/themes/components/blazor/_common.scss:

@media (max-width: 768px) {
  body {
    overflow-x: hidden;
  }
  .header,
  .footer,
  .body {
    width: 100vw;
  }
}

This gets added to all generated .css styles, and completely disables all horizontal scrolling on mobile browsers in portrait mode.

Is there a good reason for its presence? It seems out of place in a component library imo.

Originally created by @InvisiblePhil on GitHub (Nov 29, 2022). The following code is in the file `radzen-blazor/Radzen.Blazor/themes/components/blazor/_common.scss`: ``` @media (max-width: 768px) { body { overflow-x: hidden; } .header, .footer, .body { width: 100vw; } } ``` This gets added to all generated .css styles, and completely disables all horizontal scrolling on mobile browsers in portrait mode. Is there a good reason for its presence? It seems out of place in a component library imo.
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#653
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?