Cable Trace visual issue

[krancslawomir]

Deployment Type

Self-hosted

NetBox Version

v.4.2.5

Python Version

3.11

Steps to Reproduce

Connect with each other 2 Devices with rear ports then set cable trace.

Expected Behavior

99 should be on the left side and 100 on the right
Cables should not cross each other.

Observed Behavior

First of all the 99 should be on the left side and 100 on the right

Besides that between ports 3,4 and 100,99 there are 2 cross-connections.
Unfortunately, they overlap each other.
The inscription Cable # 628 is a visual bug you can't see what is underneath.

[jnovinger]

@krancslawomir , can you provide a complete and detailed list of steps to take to recreate this issue from an empty install of NetBox? I've tried in both 4.2.5 and 4.2.6 and am not having any luck reproducing the bug.

[github-actions]

This is a reminder that additional information is needed in order to further triage this issue. If the requested details are not provided, the issue will soon be closed automatically.

[krancslawomir]

I'm afraid it's impossible for me to recreate this issue from an empty install of NetBox.
My company's NetBox is full of production data.

I'll try to recreate this issue in the demo.netbox.dev and I'll let you know about results.

[jeremystretch]

I wonder if this is as simple as 100 being ordered before 99 because they're sorted as strings (1 being lesser than 9).

[jakubsokolowski01]

Hello, I'm working with @krancslawomir and I managed to reproduce the problem on https://demo.netbox.dev/.
I started by creating Patch Panel (!TEST! ODF2) having 144 ports in the !TEST! rack.
The front ports are named [A-L][1-12]. Rear ports are named 1-144.
The second patch panel (!TEST! ODF3) having 24 ports I also added to the rack !TEST!
The front ports are named [1-12][a-b]. Rear ports are named Port[1-24].

I connected Rear ports 105 and 106 of Patch Panel !TEST! ODF2 to Patch Panel !TEST! ODF3 rear ports 9 and 10 (the connection looks like this 105<->9 and 106<->10)

Then I added a new device (!TEST! DEV1) and in it I added interfaces.
In the next step, I connected interface C3 (!TEST! DEV1) to front ports 5a and 5b of Patch Panel !TEST! ODF3 (5a is connected to rear port 9, and 5b is connected to 10).

When you click “Trace”, in the screenshot below, you can see the replicated error.

It looks like NetBox is swapping the order of the displayed back ports, causing this visual connection display error ( swaps the order of rear Port 10 with Port 9 !TEST! ODF3) Possibly related to what @jeremystretch writes

[jeremystretch]

@jakubsokolowski01 if you rename Port 9 to Port 09 does it fix the ordering?