Choices list scrolling bug in Edge/Chrome (ok in FireFox) #11918

Closed
opened 2025-12-29 21:51:30 +01:00 by adam · 2 comments
Owner

Originally created by @bevand10 on GitHub (Dec 11, 2025).

Originally assigned to: @jnovinger on GitHub.

NetBox Edition

NetBox Community

NetBox Version

v4.4.8

Python Version

3.12

Steps to Reproduce

  1. Create a user at https://demo.netbox.dev/ (v4.4.8 at the time of reporting)
  2. Login and visit https://demo.netbox.dev/users/permissions/1/edit/
  3. Scroll the Available list.
Image

Of note

Across our netbox estate, this does not affect v4.4.7 or earlier e.g. using adjacent tabs with a 4.4.7 site in one and a 4.4.8 site in the next.

Expected Behavior

On scroll-to-end the list on FireFox looks like this:

Image

Observed Behavior

On Edge/Chrome, the list is corrupted thus:

Image
Originally created by @bevand10 on GitHub (Dec 11, 2025). Originally assigned to: @jnovinger on GitHub. ### NetBox Edition NetBox Community ### NetBox Version v4.4.8 ### Python Version 3.12 ### Steps to Reproduce 1. Create a user at https://demo.netbox.dev/ (v4.4.8 at the time of reporting) 2. Login and visit https://demo.netbox.dev/users/permissions/1/edit/ 3. Scroll the **Available** list. <img width="979" height="496" alt="Image" src="https://github.com/user-attachments/assets/7536e86a-5bfd-4abe-b6af-b62bf288c74b" /> ### Of note Across our netbox estate, this does not affect v4.4.7 or earlier e.g. using adjacent tabs with a 4.4.7 site in one and a 4.4.8 site in the next. ### Expected Behavior On scroll-to-end the list on FireFox looks like this: <img width="728" height="380" alt="Image" src="https://github.com/user-attachments/assets/ae89aa59-378d-419f-888c-6d8f7a213cb8" /> ### Observed Behavior On Edge/Chrome, the list is corrupted thus: <img width="684" height="341" alt="Image" src="https://github.com/user-attachments/assets/c3639f3a-7e11-4320-9286-2c75e2d444a6" />
adam added the type: bugstatus: acceptednetboxseverity: low labels 2025-12-29 21:51:30 +01:00
adam closed this issue 2025-12-29 21:51:30 +01:00
Author
Owner

@bevand10 commented on GitHub (Dec 11, 2025):

@jnovinger

This might be related? https://github.com/netbox-community/netbox/pull/20931/files#diff-29427eae28cc1ca0b08db16927f7dbb9d0b0a8c80438151922ca1b9acf1b9b1cR41

Image

If I do manually set that colour to white, the visual scroll behaviour is still not ideal - lots of weird overlap problems.

However, disabling the position: sticky property makes the bug go away completely.

@bevand10 commented on GitHub (Dec 11, 2025): @jnovinger This might be related? https://github.com/netbox-community/netbox/pull/20931/files#diff-29427eae28cc1ca0b08db16927f7dbb9d0b0a8c80438151922ca1b9acf1b9b1cR41 <img width="496" height="179" alt="Image" src="https://github.com/user-attachments/assets/337ef5c7-6afe-4f93-895b-20b7abc21bfa" /> If I do manually set that colour to white, the visual scroll behaviour is still not ideal - lots of weird overlap problems. However, disabling the `position: sticky` property makes the bug go away completely.
Author
Owner

@jnovinger commented on GitHub (Dec 11, 2025):

Thanks for the catch, @bevand10!

@jnovinger commented on GitHub (Dec 11, 2025): Thanks for the catch, @bevand10!
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/netbox#11918