How to make a specific child of a parent that is clickable to not get the property

Question

So, what I want to achieve is that the wrapping link I have to be clickable on all places, instead when the button is clicked don't call the function or click the item

<a href="test.com">
 <img />
 <title />
 <button>
  Add to Cart
 </button>
</a>

Does this answer your question? [Can I nest a – Konrad Jul 13 '22 at 19:34 — Konrad, Jul 13 '22 at 19:34

score 1 · Answer 1 · answered Jul 13 '22 at 19:35

1

First of all, mixing a link and a button isn't a good idea Can I nest a <button> element inside an <a> using HTML5?

Second of all use event.preventDefault()

answered Jul 13 '22 at 19:35

Konrad

21,590
4
28
64

question here https://stackoverflow.com/questions/75838680/react-parent-clickable-box-has-child-clickable-button – mattsmith5 Mar 24 '23 at 22:55

How to make a specific child of a parent that is clickable to not get the property

1 Answers1