Make the whole list component clickable
-
currently in the searchresult list item, click only works when on text, how to make it so it works on the whole region.
I tried modifying the “defaultItemTemplate”
but i found out that the a tag should be above the li instead.how to fix this.
-
Hello @djbox2018
The problem arises because the anchor link doesn’t stretch to fill the full width of its container.
To make the entire region of the search result list item clickable, we have to stretch the width of the anchor link with CSS.
Simply add the following CSS to your theme or in the Editor’s “Additional CSS” section:
.aa-ItemWrapper {
grid-template-columns: 1fr auto;
}
.aa-ItemLink {
justify-content: start;
}Although moving the anchor tag outside the list tag would resolve the issue, this isn’t feasible since the provided hook only allows modifications within the list tag only.
Regards,
Pono Press
- You must be logged in to reply to this topic.
