The clickable area is too small in table search list

[shuuji3]

In the table list, the current clickable area is only a part of the name cell dispite the entire table row is highlighted when hovering.

example: https://npmx.dev/search?q=lunify.js

[RYGRIT]

Hi @shuuji3, do you want the entire row to be clickable, or just a portion of it?

[shuuji3]

We could make just the name column clickable, or the entire row, but I think it's more consistent to make the entire row clickable, given that the entire card is clickable in the other view mode (and the current highlight styling).

[RYGRIT]

Yes, I think so too.

It seems l've discovered another problem 😂

2026-02-08.15-50-59.mp4

[KirankumarAmbati]

I can work on this

[RYGRIT]

@KirankumarAmbati Appreciate the offer, but I'm working on this. Might take a bit to push the PR, but I'm on it.

[RYGRIT]

@shuuji3 Here's a quick demo of the fix in action.

2026-02-08.21-18-57.mp4

One thing I'd like your input on — for keyboard navigation, I opted to make the package name link the primary tab stop rather than adding tabindex to the entire row. This keeps tab navigation cleaner, especially in longer lists.

If you'd prefer the row itself to be focusable first (then tab into name/keywords), let me know and I can adjust.

[shuuji3]

Yes, that makes sense and it looks good to me. I think if we make the entire row focusable first, we may remove the link on the name? But I'm not sure which is the best for accessibility perspective. Please create a PR once ready (or draft if it's work-in-progress), then we can correct the feedback then.

[RYGRIT]

Thank you for your reply. I will submit my pull request (PR) later. Personally, I think the current behavior is better.