Combining links and headers breaks details/card component

[kristianeskogvang]

Version number

No response

Description of the bug

If details component contains a header, which in turn contains a link, clicking anywhere on the card component will redirect to the link. So, when attempting to toggle expansion of the accordion (to display details) user is instead redirected to the link in question. This seems to happen regardless of the location of the link/header, and happens with both link elements and html elements

This seems to only happen when the component is wrapped in a card, suggesting it might be related to the link card-funtionality(?)

Steps To Reproduce

Inserting a header element containing a link anywhere in the a details element wrapped in a card causes the whole card to lead to that link

Changing, for instance, the details content from this:

to this:

introduces the issue.

Possible to recreate by just editing the example code on the details component details page

Additional Information

No response

[Barsnes]

Hi!
We are working on a fix to this.
We'll implement data-clickdelegate, or something equivalant. When we add this we'll update how it work internally in Card, and get a better selector for adding the link-card functionality. The case of a heading in details would then be handled

[eirikbacker]

Solved by #4409