Skip to content

[6.x] Remove invisible "link" space that could be accidentally clicked#14040

Merged
jasonvarga merged 1 commit into6.xfrom
remove-invisible-click-targets-on-entry-listings
Feb 23, 2026
Merged

[6.x] Remove invisible "link" space that could be accidentally clicked#14040
jasonvarga merged 1 commit into6.xfrom
remove-invisible-click-targets-on-entry-listings

Conversation

@jaygeorge
Copy link
Contributor

Description of the Problem

While it's traditional to select entries using the left "checkbox" column, it's also possible—and convenient—to select entries using the white space available in the table rows.

(Select any of these red areas, and you can also select/deselect entries).
2026-02-23 at 19 52 52@2x

The problem is that parts of the title in the listings table contain "invisible" link space. For example, in this screenshot, if I click anywhere in the highlighted purple DOM, I will inadvertently be taken into the entry rather than selecting or deselecting the entry.
image

This is unexpected behaviour and it's caught me out a few times, especially with shorter titles where the accidental click area is larger.

What this PR Does

The behaviour above is caused by two things:

  • Firstly the min/max width values.
    • While I would like to keep them, they require a block-like display value to work, which means we're stuck with the invisible click areas again.
    • I think in this instance, getting rid of the invisible click areas is more desirable for usability.
    • Besides this, min/max has limited utility within table elements, since they tend to naturally balance themselves out, layout-wise.
  • Secondly a flexbox layout—which is a block-like display value (even inline-flex in this instance)—causes invisible click areas.
    • Flexbox is certainly desirable here sometimes, so to get around this I've conditionally applied flexbox when there is more than one child. This ensures layouts like _/users, where you have avatars and text, still work.

2026-02-23 at 20 13 57@2x

How to Reproduce

  1. Go to cp/collections/something
  2. Make sure you have some long titles
  • To test the clickable area you could pull the window in and click the "white space" in the tile areas
  • You could also test a more complex listings layout like cp/users which contains avatars

Before

This entire block contains a link to go to the entry

2026-02-23 at 20 18 52@2x

After, with the fix

You can see here the entry link wraps nicely around the text
2026-02-23 at 20 18 05@2x

…clickable "link" space that could be accidentally clicked. As part of this only make the flexbox layout active when there are at least 2 children
@jasonvarga jasonvarga merged commit 7669885 into 6.x Feb 23, 2026
12 checks passed
@jasonvarga jasonvarga deleted the remove-invisible-click-targets-on-entry-listings branch February 23, 2026 20:24
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants