V3 - Resizing to mobile makes the username hover in the middle of the page #5236

Closed
opened 2025-12-29 19:25:46 +01:00 by adam · 4 comments
Owner

Originally created by @TheFlyingCorpse on GitHub (Aug 26, 2021).

Originally assigned to: @jeremystretch on GitHub.

NetBox version

v3.0-beta2

Python version

3.8

Steps to Reproduce

  1. Log in to beta-demo as a user, eg "admin"
  2. Make sure the side-bar is not pinned
  3. Resize to make the window so it goes to a slim fit
  4. See "admin" about halfway below the search box floating above the content.

Expected Behavior

Resizing should put the username in a logical box thats likely hidden at all times unless navigated to or expanded on.

Observed Behavior

Username and a small triangle floats in the middle of the content area on the left side.

Originally created by @TheFlyingCorpse on GitHub (Aug 26, 2021). Originally assigned to: @jeremystretch on GitHub. ### NetBox version v3.0-beta2 ### Python version 3.8 ### Steps to Reproduce 1. Log in to beta-demo as a user, eg "admin" 2. Make sure the side-bar is not pinned 3. Resize to make the window so it goes to a slim fit 4. See "admin" about halfway below the search box floating above the content. ### Expected Behavior Resizing should put the username in a logical box thats likely hidden at all times unless navigated to or expanded on. ### Observed Behavior Username and a small triangle floats in the middle of the content area on the left side.
adam added the type: bugbeta labels 2025-12-29 19:25:46 +01:00
adam closed this issue 2025-12-29 19:25:46 +01:00
Author
Owner

@jeremystretch commented on GitHub (Aug 26, 2021):

I'm not able to reproduce this. What browser are you using?

@jeremystretch commented on GitHub (Aug 26, 2021): I'm not able to reproduce this. What browser are you using?
Author
Owner

@TheFlyingCorpse commented on GitHub (Aug 26, 2021):

Edge 92.0.902.78

Seems the username should fit on the side menu, it doesnt look like it is hidden with it, it slides into the menu when that is expanded.

Example, it appears under a device, and then follows it to other pages after, such as Devices and the main page.: https://beta-demo.netbox.dev/dcim/devices/14/

To reproduce under Edge:

  • Log in as admin, go to that device.
  • If it doesnt appear, hit F5 to make the bug appear
  • To make it disappear, hit Ctrl+F5.
  • To make it appear again, F5, it will stay on the other pages as well that you navigate to.

screen-capture

@TheFlyingCorpse commented on GitHub (Aug 26, 2021): Edge 92.0.902.78 Seems the username should fit on the side menu, it doesnt look like it is hidden with it, it slides into the menu when that is expanded. Example, it appears under a device, and then follows it to other pages after, such as Devices and the main page.: https://beta-demo.netbox.dev/dcim/devices/14/ To reproduce under Edge: - Log in as admin, go to that device. - If it doesnt appear, hit F5 to make the bug appear - To make it disappear, hit Ctrl+F5. - To make it appear again, F5, it will stay on the other pages as well that you navigate to. ![screen-capture](https://user-images.githubusercontent.com/372550/130989393-3c637f0d-3702-4810-b726-601217c3c1f6.gif)
Author
Owner

@tb-killa commented on GitHub (Aug 27, 2021):

With Google Chrome on Mobile Devices also available.

@tb-killa commented on GitHub (Aug 27, 2021): With Google Chrome on Mobile Devices also available.
Author
Owner

@TheFlyingCorpse commented on GitHub (Aug 29, 2021):

My guess: This occurs because there is a separate div for the profile-button-container, and not nested under the sidenav div. netbox/project-static/src/sidenav.ts does not select the profile-button-container to hide.

@TheFlyingCorpse commented on GitHub (Aug 29, 2021): My guess: This occurs because there is a separate div for the profile-button-container, and not nested under the sidenav div. netbox/project-static/src/sidenav.ts does not select the profile-button-container to hide.
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/netbox#5236