Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Sidebar2 in .NET 9 has a visible toggler button even browser window is maximized #1032

Open
TungstenElement opened this issue Feb 11, 2025 · 0 comments

Comments

@TungstenElement
Copy link

NOTE: We do not look at .zip attachments for issue investigation.

Describe the bug
In the usage example of BlazorBootstrap in NET9.BlazorWebAppServerGlobal, everything appears normal except that a visible toggler button is spotted at the right side of the brand title (as indicated in the screenshot) even when the browser is fully maximized.

To Reproduce
Steps to reproduce the behavior:

  1. Setup the blazorbootstrap starter template for .NET 9 using the option no. 2 [Blazor Bootstrap - WebApp - Server - Global] (https://github.com/vikramlearning/blazorbootstrap-starter-templates/tree/master/src/BlazorBootstrap.Templates.Starter/NET9.BlazorWebAppServerGlobal) in Visual Studio 2022.
  2. Run the source code by clicking the "Start Debugging" or pressing "F5".
  3. Observe the generated web client on the Edge browser. Maximize the browser if it is not.
  4. Notice the appearance of a toggler button at the right of the brand title.
  5. Navitems are also not appearing as default. You have to click the toggler button to make it appear.

Expected behavior
The toggler button, as described above, should be invisible whenever the browser is extended to the point where the content space on the right side of the sidebar is adequate for display. It should only be visible when the content space moved to the lower part of the sidebar space, i.e. mobile view.

Screenshots

Image

Versions (please complete the following information):

  • .NET Version: .NET 9
  • BlazorBootstrap: 3.3.1
  • Blazor WebAssembly / Server: Server
  • Blazor Interactive Render Mode: Server
  • Blazor Interactivity Location: Global

Sample code
All sample code follows: https://github.com/vikramlearning/blazorbootstrap-starter-templates/tree/master/src/BlazorBootstrap.Templates.Starter/NET9.BlazorWebAppServerGlobal
No alteration is needed.

GitHub repo
GitHub repo with minimal code to reproduce the issue.

Desktop (please complete the following information):

  • OS: Windows 11 Pro x64
  • Browser Edge
  • Version 132.0.2957.140

Smartphone (please complete the following information):

  • Device: Galaxy S21
  • OS: Android
  • Browser DuckDuckGo
  • Version 5.224.0

Additional context
Nil

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant