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

Limit clickable width of filter form row #9462

New Issue
Closed
opened 2025-12-29 20:50:13 +01:00 by adam · 3 comments
adam commented 2025-12-29 20:50:13 +01:00
Owner
Copy Link

Originally created by @julianstolp on GitHub (Apr 10, 2024).

Originally assigned to: @arthanson on GitHub.

Deployment Type

Self-hosted

NetBox Version

v4.0-beta1

Python Version

3.10

Steps to Reproduce

  1. Go to any model
  2. Open the Filters tab
  3. Every field is clickable to the most left side of the card

Similar issue https://github.com/netbox-community/netbox/issues/15620

Expected Behavior

The filters should be styled like any other edit form in NetBox for consistency reasons.
At least dropdown fields should not be clickable the full row like in 3.7.x realeases.

Observed Behavior

  1. Clickable on full row width which is rather annoying if dropdown gets opened if you did not even click near the field or label.
    image
Originally created by @julianstolp on GitHub (Apr 10, 2024). Originally assigned to: @arthanson on GitHub. ### Deployment Type Self-hosted ### NetBox Version v4.0-beta1 ### Python Version 3.10 ### Steps to Reproduce 1. Go to any model 2. Open the `Filters` tab 3. Every field is clickable to the most left side of the card Similar issue https://github.com/netbox-community/netbox/issues/15620 ### Expected Behavior The filters should be styled like any other edit form in NetBox for consistency reasons. At least dropdown fields should not be clickable the full row like in 3.7.x realeases. ### Observed Behavior 1. Clickable on full row width which is rather annoying if dropdown gets opened if you did not even click near the field or label. ![image](https://github.com/netbox-community/netbox/assets/41152397/659227cc-f920-4b49-bee3-043213a128b2)
adam added the type: bugbetaseverity: low labels 2025-12-29 20:50:13 +01:00
adam closed this issue 2025-12-29 20:50:14 +01:00
adam commented 2025-12-29 20:50:14 +01:00
Author
Owner
Copy Link

@aryansanchiya commented on GitHub (Apr 11, 2024):

I think not every field is clickable from the left side of the card, there is only one field is clickable from the left side of the card and its "search" field.

@aryansanchiya commented on GitHub (Apr 11, 2024): I think not every field is clickable from the left side of the card, there is only one field is clickable from the left side of the card and its "search" field.
adam commented 2025-12-29 20:50:14 +01:00
Author
Owner
Copy Link

@arthanson commented on GitHub (May 1, 2024):

Actually this is the way bootstrap works, if you go to other forms the form width is narrower so the clickable area on the left is narrower, if you click on the far-left side it doesn't select, but if you click further to the right it will select just like on the filters form (see red block in screenshot). You can actually see the same behavior with the bootstrap examples (but to the right of the label as they are left aligned) at https://getbootstrap.com/docs/5.3/forms/layout/#horizontal-form-label-sizing

Closing as by design.
Monosnap Add a new device | NetBox 2024-04-30 15-38-10

@arthanson commented on GitHub (May 1, 2024): Actually this is the way bootstrap works, if you go to other forms the form width is narrower so the clickable area on the left is narrower, if you click on the far-left side it doesn't select, but if you click further to the right it will select just like on the filters form (see red block in screenshot). You can actually see the same behavior with the bootstrap examples (but to the right of the label as they are left aligned) at https://getbootstrap.com/docs/5.3/forms/layout/#horizontal-form-label-sizing Closing as by design. ![Monosnap Add a new device | NetBox 2024-04-30 15-38-10](https://github.com/netbox-community/netbox/assets/99642/d93b2966-94c0-4922-83f3-88812b2d9f95)
adam commented 2025-12-29 20:50:14 +01:00
Author
Owner
Copy Link

@julianstolp commented on GitHub (May 1, 2024):

@arthanson I agree with you the device creation form is fine. In this issue I was talking about the filter forms. The picture displays the clickable width.
grafik

@julianstolp commented on GitHub (May 1, 2024): @arthanson I agree with you the device creation form is fine. In this issue I was talking about the filter forms. The picture displays the clickable width. ![grafik](https://github.com/netbox-community/netbox/assets/41152397/4ba44cd0-2498-4857-8298-fa3d03ac702f)
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 severity: low 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#9462
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?