onClick preventDefault/stopPropagation not working

I have an

solid-ag-grid

solid-ag-grid

solid-ag-grid

solid-ag-grid based table with buttons in the table.

I tried everything but clicking the button always triggers the

onRowClicked

onRowClicked

onRowClicked

onRowClicked too

      <IconButton onClick={(event) => {
        event.preventDefault();
        event.stopPropagation();

        console.log("Edit tapped on row", props.data, event);

        return false
      }}>

      <IconButton onClick={(event) => {
        event.preventDefault();
        event.stopPropagation();

        console.log("Edit tapped on row", props.data, event);

        return false
      }}>

      <IconButton onClick={(event) => {
        event.preventDefault();
        event.stopPropagation();

        console.log("Edit tapped on row", props.data, event);

        return false
      }}>

      <IconButton onClick={(event) => {
        event.preventDefault();
        event.stopPropagation();

        console.log("Edit tapped on row", props.data, event);

        return false
      }}>

onClick preventDefault/stopPropagation not working

Similar Threads

Similar Threads

Similar Threads