Rack preview wipes page content with HTMX enabled #11405

Closed
opened 2025-12-29 21:44:49 +01:00 by adam · 7 comments
Owner

Originally created by @msniveau on GitHub (Jul 22, 2025).

Deployment Type

Self-hosted

NetBox Version

v4.3.4

Python Version

3.10

Steps to Reproduce

  1. Head over to the Nextcloud Demo
  2. Login using the demo credentials and enable "HTMX Navigation" in account preferences.
  3. Try viewing any racked device / rack preview eg. Rack IDF128

Expected Behavior

The view should fully be able to load and display all stored information. Navigation to a different page is only possible by manually editing the URL.

Observed Behavior

The whole page content container will be wiped as soon as the rack preview loads in. Navigation should be possible by clicking a different menu button.

Originally created by @msniveau on GitHub (Jul 22, 2025). ### Deployment Type Self-hosted ### NetBox Version v4.3.4 ### Python Version 3.10 ### Steps to Reproduce 1. Head over to the [Nextcloud Demo](https://demo.netbox.dev/user/preferences/) 2. Login using the demo credentials and enable "HTMX Navigation" in account preferences. 3. Try viewing any racked device / rack preview eg. [Rack IDF128](https://demo.netbox.dev/dcim/racks/39/) ### Expected Behavior The view should fully be able to load and display all stored information. Navigation to a different page is only possible by manually editing the URL. ### Observed Behavior The whole page content container will be wiped as soon as the rack preview loads in. Navigation should be possible by clicking a different menu button.
adam added the type: bugnetboxseverity: lowtopic: htmx navigation labels 2025-12-29 21:44:49 +01:00
adam closed this issue 2025-12-29 21:44:50 +01:00
Author
Owner

@jnovinger commented on GitHub (Jul 22, 2025):

Thanks @msniveau ! For future reference, please follow this guidance in the bug report template:

Additionally, do not rely on the demo instance for reproducing suspected bugs, as its data is prone to modification or deletion at any time.

@jnovinger commented on GitHub (Jul 22, 2025): Thanks @msniveau ! For future reference, please follow this guidance in the bug report template: > Additionally, do not rely on the demo instance for reproducing suspected bugs, as its data is prone to modification or deletion at any time.
Author
Owner

@bjschafer commented on GitHub (Jul 26, 2025):

Just wanted to share that I can reproduce on my personal instance. Devtools console shows:

htmx:oobErrorNoTarget 3 htmx.esm.js:3076:13
    logError htmx.esm.js:3076
    triggerEvent htmx.esm.js:3100
    triggerErrorEvent htmx.esm.js:3043
    oobSwap htmx.esm.js:1501
    Kp htmx.esm.js:1853
    forEach htmx.esm.js:750
    findAndSwapOobElements htmx.esm.js:1849
    s htmx.esm.js:1927
    swap htmx.esm.js:2043
    handleAjaxResponse htmx.esm.js:4905
    onload htmx.esm.js:4548
    (Async: EventHandlerNonNull)
    issueAjaxRequest htmx.esm.js:4544
    Kp htmx.esm.js:2674
    r htmx.esm.js:2643
    loadImmediately htmx.esm.js:2649
    addTriggerHandler htmx.esm.js:2720
    Kp htmx.esm.js:2668
    Kp htmx.esm.js:2667
    forEach htmx.esm.js:750
    processVerbs htmx.esm.js:2661
    initNode htmx.esm.js:2938
    forEach htmx.esm.js:750
    processNode htmx.esm.js:3011
    Kp htmx.esm.js:5094
    (Async: EventListener.handleEvent)
    ready htmx.esm.js:5056
    Kp htmx.esm.js:5090
    <anonymous> htmx.esm.js:5130
    <anonymous> netbox.ts:66
@bjschafer commented on GitHub (Jul 26, 2025): Just wanted to share that I can reproduce on my personal instance. Devtools console shows: ``` htmx:oobErrorNoTarget 3 htmx.esm.js:3076:13 logError htmx.esm.js:3076 triggerEvent htmx.esm.js:3100 triggerErrorEvent htmx.esm.js:3043 oobSwap htmx.esm.js:1501 Kp htmx.esm.js:1853 forEach htmx.esm.js:750 findAndSwapOobElements htmx.esm.js:1849 s htmx.esm.js:1927 swap htmx.esm.js:2043 handleAjaxResponse htmx.esm.js:4905 onload htmx.esm.js:4548 (Async: EventHandlerNonNull) issueAjaxRequest htmx.esm.js:4544 Kp htmx.esm.js:2674 r htmx.esm.js:2643 loadImmediately htmx.esm.js:2649 addTriggerHandler htmx.esm.js:2720 Kp htmx.esm.js:2668 Kp htmx.esm.js:2667 forEach htmx.esm.js:750 processVerbs htmx.esm.js:2661 initNode htmx.esm.js:2938 forEach htmx.esm.js:750 processNode htmx.esm.js:3011 Kp htmx.esm.js:5094 (Async: EventListener.handleEvent) ready htmx.esm.js:5056 Kp htmx.esm.js:5090 <anonymous> htmx.esm.js:5130 <anonymous> netbox.ts:66 ```
Author
Owner

@sshockley commented on GitHub (Aug 1, 2025):

I'm getting the same results as @bjschafer . I don't have any issues with the demo site. I noticed the demo site is using htmx.esm.js 2.0.4 (despite being version 4.3.5) while my 4.3.5 shows 2.0.6 (and it's specified in netbox/project-static/package.json).

Not sure if that's the issue, just noticed something different.

@sshockley commented on GitHub (Aug 1, 2025): I'm getting the same results as @bjschafer . I don't have any issues with the demo site. I noticed the demo site is using htmx.esm.js 2.0.4 (despite being version 4.3.5) while my 4.3.5 shows 2.0.6 (and it's specified in netbox/project-static/package.json). Not sure if that's the issue, just noticed something different.
Author
Owner

@reitermarkus commented on GitHub (Aug 10, 2025):

Also noticed the same behaviour just now. Happens when trying to view a rack or device. Confirmed to happen with Helm chart 6.0.57 - 6.1.6, i.e. NetBox 4.3.4 - 4.3.5. Works after downgrading to Helm chart 6.0.51, i.e. NetBox 4.3.3.

@reitermarkus commented on GitHub (Aug 10, 2025): Also noticed the same behaviour just now. Happens when trying to view a rack or device. Confirmed to happen with Helm chart 6.0.57 - 6.1.6, i.e. NetBox 4.3.4 - 4.3.5. Works after downgrading to Helm chart 6.0.51, i.e. NetBox 4.3.3.
Author
Owner

@hanyuwei70 commented on GitHub (Aug 18, 2025):

Got same on my instance.
Disabling HTMX Navigation in preferences solved the problem.

@hanyuwei70 commented on GitHub (Aug 18, 2025): Got same on my instance. Disabling HTMX Navigation in preferences solved the problem.
Author
Owner

@arthanson commented on GitHub (Nov 7, 2025):

HTMX Navigation is being removed, closing this issue.

@arthanson commented on GitHub (Nov 7, 2025): HTMX Navigation is being removed, closing this issue.
Author
Owner

@jeremystretch commented on GitHub (Nov 7, 2025):

Specifically, the experimental persistent HTMX navigation feature (which is not enabled by default) is being removed in NetBox v4.5.

@jeremystretch commented on GitHub (Nov 7, 2025): Specifically, the experimental persistent HTMX navigation feature (which is not enabled by default) is being removed in NetBox v4.5.
Sign in to join this conversation.
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: starred/netbox#11405