jquery form submission button not working on mobile / touchscreens

Question

Form submit button not working on mobile / touchscreen devices, it works on laptops but on mobile devices nothing happens, code below:

  $('[data-behavior="publish-button"]').on('click', function() {
    $('.editor-form').submit();
  });

  $('.publish-dropdown').on('click', function(e) {
  e.stopPropagation();
  });
},

Answer 1

You can try the following code:-

$('[data-behavior="publish-button"]').on('click touchstart', function() {
  $('.editor-form').submit();
});

$('.publish-dropdown').on('click touchstart', function(e) {
  e.stopPropagation();
});

Answer 2

If the element you are trying to touch does not have a pointer as the cursor (which is what I assume), it will not be touchable on iOS Safari.

Set cursor: pointer; and it will work as expected.