Feature Request: Make Entire Search Result Item Clickable in PagefindUI

[mseele]

Feature Request:
It would be beneficial if PagefindUI allowed the entire search result item to be clickable, rather than just the title. This enhancement would make the user experience more intuitive, as users often expect that clicking anywhere within a search result will navigate them to the linked page.

Use Case:
Currently, only the header of each search result is a link, which can make the search results less intuitive to interact with. Allowing the entire result to be wrapped in a link would improve usability, particularly for mobile users or those with accessibility needs, by expanding the clickable area and reducing the need for precise clicking.

Suggested Implementation:
An option in the PagefindUI configuration to enable a wrapper link around the entire result, or alternatively, allowing for customization of the result template to wrap all elements in an <a> tag pointing to the result URL.

Thank you for considering this feature! It would greatly enhance the flexibility and usability of the PagefindUI component.

[bglw]

👋 @mseele

Yes, this one comes up a fair bit! I like the path of customizing result templates — it's something the modular UI does — I'll have a think about whether the Default UI can do the same.

(Long term I have been wanting to re-ship the default UI as a prebuilt collection of modules from the modular UI, which would also provide a pathway to this 🤔)