I'm using full calendar with a custom event view (its almost the same as the default but I only added a button to delete the event

        eventDidMount: function(eventDidMountInfo) {
          var $deleteBtn = $(eventDidMountInfo.el).find('button')
          if(eventDidMountInfo.event.extendedProps.can_edit_event) {
            $deleteBtn.on( "click", function(argument) {
              deleteTimeSlot(calendar, eventDidMountInfo.event)
            })
          } else {
            $deleteBtn.remove()
          }
        },
        eventContent: function(info) {
          return {
            html: '<div class="fc-event-main-frame"><div class="fc-event-time">' + info.timeText + '<button type="button" class="btn-close float-end m-1" aria-label="Close"></button></div><div class="fc-event-title-container"><div class="fc-event-title fc-sticky">' + info.event.title + '</div></div></div>'
          };

this works well on pc, I manage to delete events without an issue, the issue is on mobile, the event isn't firing.

I'm guessing there is something to do with the full calendar feature long press on mobile?