Can't assign interfaces to connection that are on page (>1) #6249

Closed
opened 2025-12-29 19:38:28 +01:00 by adam · 11 comments
Owner

Originally created by @ekrichbaum on GitHub (Mar 22, 2022).

Originally assigned to: @kkthxbye-code on GitHub.

NetBox version

v3.2.0-beta2

Python version

3.9

Steps to Reproduce

2 devices that both have interface to connect on page 2.

  1. go to either, select interface and add termination to interface.
  2. Attempt to select opposite side interface from dropdown (or use filter).
    image

Expected Behavior

if dropdown is limited per page size, filter should override and search entire device.

Observed Behavior

Unable from either side to attach interface to interface.

  • Side note, occurs from circuit termination side as well, although attaching circuit from the interface side does work.
Originally created by @ekrichbaum on GitHub (Mar 22, 2022). Originally assigned to: @kkthxbye-code on GitHub. ### NetBox version v3.2.0-beta2 ### Python version 3.9 ### Steps to Reproduce 2 devices that both have interface to connect on page 2. 1. go to either, select interface and add termination to interface. 2. Attempt to select opposite side interface from dropdown (or use filter). ![image](https://user-images.githubusercontent.com/11653069/159499828-52bf6afc-6619-473a-bdff-0a2e058b7fe5.png) ### Expected Behavior if dropdown is limited per page size, filter should override and search entire device. ### Observed Behavior Unable from either side to attach interface to interface. * Side note, occurs from circuit termination side as well, although attaching circuit from the interface side does work.
adam added the type: bugstatus: accepted labels 2025-12-29 19:38:28 +01:00
adam closed this issue 2025-12-29 19:38:28 +01:00
Author
Owner

@jeremystretch commented on GitHub (Mar 22, 2022):

Thank you for opening a bug report. Unfortunately, the information you have provided is not sufficient for someone else to attempt to reproduce the reported behavior. Remember, each bug report must include detailed steps that someone else can follow on a clean, empty NetBox installation to reproduce the exact problem you're experiencing. These instructions should include the creation of any involved objects, any configuration changes, and complete accounting of the actions being taken. Also be sure that your report does not reference data on the public NetBox demo, as that is subject to change at any time by an outside party and cannot be relied upon for bug reports.

@jeremystretch commented on GitHub (Mar 22, 2022): Thank you for opening a bug report. Unfortunately, the information you have provided is not sufficient for someone else to attempt to reproduce the reported behavior. Remember, each bug report must include detailed steps that someone else can follow on a clean, empty NetBox installation to reproduce the exact problem you're experiencing. These instructions should include the creation of any involved objects, any configuration changes, and complete accounting of the actions being taken. Also be sure that your report does not reference data on the public NetBox demo, as that is subject to change at any time by an outside party and cannot be relied upon for bug reports.
Author
Owner

@ekrichbaum commented on GitHub (Mar 22, 2022):

It is 100% reproduceable. Every time the interfaces of both devices are on a page greater than 1, it is not selectable in the connection. It does not show in the list or in the filter search.

a side interface on page 2:
image

z side interface on page 2:
image

From either side the other is not in the drop connect of the connection, nor selectable from the filter.

The drop downlist follows the paging (i.e. only shows page 1).

@ekrichbaum commented on GitHub (Mar 22, 2022): It is 100% reproduceable. Every time the interfaces of both devices are on a page greater than 1, it is not selectable in the connection. It does not show in the list or in the filter search. a side interface on page 2: ![image](https://user-images.githubusercontent.com/11653069/159517459-b3c0a5c4-7194-40b0-96ba-237a5f721952.png) z side interface on page 2: ![image](https://user-images.githubusercontent.com/11653069/159517647-92ae3458-9b9a-4c00-9755-0343306e9456.png) From either side the other is not in the drop connect of the connection, nor selectable from the filter. The drop downlist follows the paging (i.e. only shows page 1).
Author
Owner

@DanSheps commented on GitHub (Apr 7, 2022):

@ekrichbaum It isn't that this isn't reproduceable.

You haven't provided us with steps to accurately reproduce it (assume we have a blank instance of Netbox, with no data other then we can login).

I do believe I know what is causing this and it may be fixed by #9061.

@DanSheps commented on GitHub (Apr 7, 2022): @ekrichbaum It isn't that this isn't reproduceable. You haven't provided us with steps to accurately reproduce it (assume we have a blank instance of Netbox, with no data other then we can login). I do believe I know what is causing this and it may be fixed by #9061.
Author
Owner

@ekrichbaum commented on GitHub (Apr 8, 2022):

I'll take a look. In the slack, we did narrow it down to being browser specific. Worked in firefox, not in chrome or edge on the same machine. We had just started using edge each time it came up, but I'll recheck now that codebase has updated also.

@ekrichbaum commented on GitHub (Apr 8, 2022): I'll take a look. In the slack, we did narrow it down to being browser specific. Worked in firefox, not in chrome or edge on the same machine. We had just started using edge each time it came up, but I'll recheck now that codebase has updated also.
Author
Owner

@jeremystretch commented on GitHub (Apr 22, 2022):

@ekrichbaum were you able to track this down any further?

@jeremystretch commented on GitHub (Apr 22, 2022): @ekrichbaum were you able to track this down any further?
Author
Owner

@ekrichbaum commented on GitHub (Apr 22, 2022):

unfortunately, no. I've just been loading firefox to get to those points even though it isn't my "normal" browser.

There should be a javascript event fired at the bottom of the list that kicks to the next page, correct? typing in a result seems to only check the current page as well, so I need to find where it tries and fails to perform that action.

@ekrichbaum commented on GitHub (Apr 22, 2022): unfortunately, no. I've just been loading firefox to get to those points even though it isn't my "normal" browser. There should be a javascript event fired at the bottom of the list that kicks to the next page, correct? typing in a result seems to only check the current page as well, so I need to find where it tries and fails to perform that action.
Author
Owner

@kkthxbye-code commented on GitHub (Apr 22, 2022):

Just to rule it out, could you try in incognito and make sure you have no extensions enabled in incognito mode. Also make sure the page isn't zoomed (Ctrl+0).

@kkthxbye-code commented on GitHub (Apr 22, 2022): Just to rule it out, could you try in incognito and make sure you have no extensions enabled in incognito mode. Also make sure the page isn't zoomed (Ctrl+0).
Author
Owner

@ekrichbaum commented on GitHub (Apr 22, 2022):

valid and hadn't tried.
1.) open new incognito window
2.) login to netbox and choose a device with >1 pages of interfaces
3.) choose interfaces tab and go to page 2.
4.) choose connection to interface (changes to connection pane)
5.) select second device with >1 pages of interfaces

seems to be working as expected. To re-validate original issue, trying again from normal window. Original problem exists. No event fires to load additional pages scrolling through the interfaces.

Additional info... Refresh button does fire event visible in Inspect/Network but no console messages from scroll attempt and no network activity for an attempt to load. Definitely narrowed it down. Any tips now how to find it?

@ekrichbaum commented on GitHub (Apr 22, 2022): valid and hadn't tried. 1.) open new incognito window 2.) login to netbox and choose a device with >1 pages of interfaces 3.) choose interfaces tab and go to page 2. 4.) choose connection to interface (changes to connection pane) 5.) select second device with >1 pages of interfaces seems to be working as expected. To re-validate original issue, trying again from normal window. Original problem exists. No event fires to load additional pages scrolling through the interfaces. Additional info... Refresh button does fire event visible in Inspect/Network but no console messages from scroll attempt and no network activity for an attempt to load. Definitely narrowed it down. Any tips now how to find it?
Author
Owner

@ekrichbaum commented on GitHub (Apr 22, 2022):

it's the zoom, not extensions. With ctrl-0 first, it works as expected, but on any other text size, it fails to fire the event.

@ekrichbaum commented on GitHub (Apr 22, 2022): it's the zoom, not extensions. With ctrl-0 first, it works as expected, but on any other text size, it fails to fire the event.
Author
Owner

@kkthxbye-code commented on GitHub (Apr 22, 2022):

Nice. Issue is here:

8315883db9/netbox/project-static/src/select/api/apiSelect.ts (L573-L575)

Only seems to happen with 110% zoom. When at 110% zoom, the values will look like this:

console.log(e.scrollTop + e.offsetHeight)
console.log(e.scrollHeight)
1649.0908203125
1649

Math.floor on scrollTop 1 px buffer on scrollHeight should fix it. The issue is that scrollTop returns fractions with some zoom levels in chrome.

@kkthxbye-code commented on GitHub (Apr 22, 2022): Nice. Issue is here: https://github.com/netbox-community/netbox/blob/8315883db97286c2013c096fe5ed870b930be616/netbox/project-static/src/select/api/apiSelect.ts#L573-L575 Only seems to happen with 110% zoom. When at 110% zoom, the values will look like this: ``` console.log(e.scrollTop + e.offsetHeight) console.log(e.scrollHeight) 1649.0908203125 1649 ``` Math.floor on scrollTop 1 px buffer on scrollHeight should fix it. The issue is that scrollTop returns fractions with some zoom levels in chrome.
Author
Owner

@jeremystretch commented on GitHub (Apr 22, 2022):

@kkthxbye-code if you're going to keep being immensely helpful, I'm going to be forced to promote you to maintainer.

@jeremystretch commented on GitHub (Apr 22, 2022): @kkthxbye-code if you're going to keep being immensely helpful, I'm going to be forced to promote you to maintainer.
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/netbox#6249