starred/netbox
1
0
Fork 0
mirror of https://github.com/netbox-community/netbox.git synced 2026-01-11 21:10:29 +01:00
Code Issues 273 Packages Projects Releases 10 Wiki Activity

v3.0-beta1 mobile UI tweaks #5107

New Issue
Closed
opened 2025-12-29 19:24:18 +01:00 by adam · 7 comments
adam commented 2025-12-29 19:24:18 +01:00
Owner
Copy Link

Originally created by @jeremystretch on GitHub (Jul 28, 2021).

Proposed Changes

This issue serves to track small fixes to the mobile UI in the upcoming version 3.0 release that aren't big enough to justify individual bug reports. Please comment below with any issues you encounter within the mobile UI and we'll add it here.

For desktop UI issues, please see #6797.

  • Nav menu scrolling is broken on iOS (@Razerlikes)

Justification

To improve the mobile UI in preparation for the upcoming NetBox v3.0 release.

Originally created by @jeremystretch on GitHub (Jul 28, 2021). ### Proposed Changes This issue serves to track small fixes to the mobile UI in the upcoming version 3.0 release that aren't big enough to justify individual bug reports. Please comment below with any issues you encounter within the mobile UI and we'll add it here. For desktop UI issues, please see #6797. - [x] Nav menu scrolling is broken on iOS (@Razerlikes) ### Justification To improve the mobile UI in preparation for the upcoming NetBox v3.0 release.
adam added the type: bugbeta labels 2025-12-29 19:24:18 +01:00
adam closed this issue 2025-12-29 19:24:19 +01:00
adam commented 2025-12-29 19:24:19 +01:00
Author
Owner
Copy Link

@Razerlikes commented on GitHub (Jul 28, 2021):

In the mobile version of the Beta UI, when you try to scroll in the dropdown-menu when there is nothing to scroll or you don't hit a scrollable list by accident, the banner is moving with the pull. That is unexpected behaviour. Example in the video

Found in iOS 14.7

https://user-images.githubusercontent.com/6794999/127382197-d3de4503-5307-4f7f-b940-d70f0e843236.mov

@Razerlikes commented on GitHub (Jul 28, 2021): In the mobile version of the Beta UI, when you try to scroll in the dropdown-menu when there is nothing to scroll or you don't hit a scrollable list by accident, the banner is moving with the pull. That is unexpected behaviour. Example in the video Found in iOS 14.7 https://user-images.githubusercontent.com/6794999/127382197-d3de4503-5307-4f7f-b940-d70f0e843236.mov
adam commented 2025-12-29 19:24:19 +01:00
Author
Owner
Copy Link

@bellwood commented on GitHub (Jul 30, 2021):

On iPad Air 3rd Gen, Safari:

-Start in portrait mode
-Load the page and scroll down, you can briefly see the footer (links and build detail) the page slightly bounces up, the footer disappears
-Scroll to the top, you get an additional scroll bar above the search bar and login
-Scroll back down and the footer is gone

-Go to landscape mode, does not exhibit this

-Go back to portrait mode, you can no longer scroll down at all

There is considerable lag in the redraws when rotating the viewport, unclear if there is an overburden of css transitions being used?

Side note, thank you for the collapsing sidebar, makes iPad/mobile usage much friendlier.

@bellwood commented on GitHub (Jul 30, 2021): On iPad Air 3rd Gen, Safari: -Start in portrait mode -Load the page and scroll down, you can briefly see the footer (links and build detail) the page slightly bounces up, the footer disappears -Scroll to the top, you get an additional scroll bar above the search bar and login -Scroll back down and the footer is gone -Go to landscape mode, does not exhibit this -Go back to portrait mode, you can no longer scroll down at all There is considerable lag in the redraws when rotating the viewport, unclear if there is an overburden of css transitions being used? Side note, thank you for the collapsing sidebar, makes iPad/mobile usage much friendlier.
adam commented 2025-12-29 19:24:20 +01:00
Author
Owner
Copy Link

@thatmattlove commented on GitHub (Jul 30, 2021):

On iPad Air 3rd Gen, Safari:

-Start in portrait mode

-Load the page and scroll down, you can briefly see the footer (links and build detail) the page slightly bounces up, the footer disappears

-Scroll to the top, you get an additional scroll bar above the search bar and login

-Scroll back down and the footer is gone

-Go to landscape mode, does not exhibit this

-Go back to portrait mode, you can no longer scroll down at all

There is considerable lag in the redraws when rotating the viewport, unclear if there is an overburden of css transitions being used?

Side note, thank you for the collapsing sidebar, makes iPad/mobile usage much friendlier.

Are you doing these tests on the public beta demo, or locally? If public demo, please try again. Not all the changes I pushed up yesterday made it into the nightly build, but they're there now.

@thatmattlove commented on GitHub (Jul 30, 2021): > On iPad Air 3rd Gen, Safari: > > > > -Start in portrait mode > > -Load the page and scroll down, you can briefly see the footer (links and build detail) the page slightly bounces up, the footer disappears > > -Scroll to the top, you get an additional scroll bar above the search bar and login > > -Scroll back down and the footer is gone > > > > -Go to landscape mode, does not exhibit this > > > > -Go back to portrait mode, you can no longer scroll down at all > > > > There is considerable lag in the redraws when rotating the viewport, unclear if there is an overburden of css transitions being used? > > > > Side note, thank you for the collapsing sidebar, makes iPad/mobile usage much friendlier. Are you doing these tests on the public beta demo, or locally? If public demo, please try again. Not all the changes I pushed up yesterday made it into the nightly build, but they're there now.
adam commented 2025-12-29 19:24:20 +01:00
Author
Owner
Copy Link

@bellwood commented on GitHub (Jul 30, 2021):

@thatmattlove Public demo, I will re-visit and follow up, thanks.

@bellwood commented on GitHub (Jul 30, 2021): @thatmattlove Public demo, I will re-visit and follow up, thanks.
adam commented 2025-12-29 19:24:20 +01:00
Author
Owner
Copy Link

@Razerlikes commented on GitHub (Jul 30, 2021):

In the mobile version of the Beta UI, when you try to scroll in the dropdown-menu when there is nothing to scroll or you don't hit a scrollable list by accident, the banner is moving with the pull. That is unexpected behaviour. Example in the video

Found in iOS 14.7
127347163-603e877a-c938-4e67-865f-e85916de7889.mov

This issue seems fixed with the new mobile sidebar in the current version of the UI. Thanks @thatmattlove

@Razerlikes commented on GitHub (Jul 30, 2021): > > > In the mobile version of the Beta UI, when you try to scroll in the dropdown-menu when there is nothing to scroll or you don't hit a scrollable list by accident, the banner is moving with the pull. That is unexpected behaviour. Example in the video > > Found in iOS 14.7 > 127347163-603e877a-c938-4e67-865f-e85916de7889.mov This issue seems fixed with the new mobile sidebar in the current version of the UI. Thanks @thatmattlove
adam commented 2025-12-29 19:24:20 +01:00
Author
Owner
Copy Link

@bellwood commented on GitHub (Aug 2, 2021):

@thatmattlove Everything looks OK sans I still get a scroll bar above the hamburger in portrait mode.

I do occasionally get delays in my ability to scroll down and if I wait a second or two, I'm then able to.

Unsure if this is a transition issue or a DOM issue with the front end?

It's less noticeable than when I first reported, but still present.

@bellwood commented on GitHub (Aug 2, 2021): @thatmattlove Everything looks OK sans I still get a scroll bar above the hamburger in portrait mode. I do occasionally get delays in my ability to scroll down and if I wait a second or two, I'm then able to. Unsure if this is a transition issue or a DOM issue with the front end? It's less noticeable than when I first reported, but still present.
adam commented 2025-12-29 19:24:20 +01:00
Author
Owner
Copy Link

@thatmattlove commented on GitHub (Aug 4, 2021):

Closing this out. I think mobile layouts are now at a reasonable enough state to collapse future issues into #6797, and individual issues after #6797 is closed.

@thatmattlove commented on GitHub (Aug 4, 2021): Closing this out. I think mobile layouts are now at a reasonable enough state to collapse future issues into #6797, and individual issues after #6797 is closed.
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels
beta
breaking change
complexity: high
complexity: low
complexity: medium
needs milestone
netbox
pending closure
plugin candidate
pull-request
Mirrored from GitHub Pull Request
 severity: high
severity: low
severity: medium
status: accepted
status: backlog
status: blocked
status: duplicate
status: needs owner
status: needs triage
status: revisions needed
status: under review
topic: GraphQL
topic: Internationalization
topic: OpenAPI
topic: UI/UX
topic: cabling
topic: event rules
topic: htmx navigation
topic: industrialization
topic: migrations
topic: plugins
topic: scripts
topic: templating
topic: testing
type: bug
type: deprecation
type: documentation
type: feature
type: housekeeping
type: translation
No Label beta type: bug
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
adam
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/netbox#5107
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?