<button class="anunt-edit" type="submit" data-id="@anunt.Id" id="editButton" >
    @Html.Partial("editSVGPartial", new {@Id="editButton", @class="svg"})
</button>

The Html Helper partial is for an Edit icon span, 
the problem is that in javascript e.target.matches("#editButton") returns true only when i click the button near border ( i think it doesnt work properly because of the span that is inside )

document.addEventListener("click", e => 
    {
        var isEditButtonClicked = e.target.matches("#editButton");
        if ( isEditButtonClicked )
        {
            console.log("button clicked")
        }
        else
        {
            console.log("click")
        }
    })