Skip to content

Grid pagination responsive #1217

@tetexxr

Description

@tetexxr

Describe the bug
In the Grid component, on devices with small screens, the pagination extends beyond the screen.

To Reproduce
Try displaying a list with many results on a device such as a Samsung Galaxy S21.
Or do the same using the browser's developer tools.

Expected behavior
The pagination does not fit on the screen and goes off the edge, leaving part of it unseen and making it difficult to use.

Screenshots

Image

Versions (please complete the following information):

  • .NET Version: .NET 10
  • BlazorBootstrap: 3.5.0
  • Blazor WebAssembly / Server: Server
  • Blazor Interactive Render Mode: InteractiveServer
  • Blazor Interactivity Location: page/component

Sample code
GitHub repo
I don't have any sample code or repository available, because the error is not due to anything specific to the component, but simply to displaying too many items in a list.
If you still need some sample code, let me know and I'll prepare some.

Smartphone (please complete the following information):

  • Device: Samsung Galaxy S21
  • OS: Android 15
  • Browser Brave
  • Version 1.85.117

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions