Invisible padding might be a bit misleading but I don't know how else to call it.

When you select text on iOs 13+ then the text or rather the carets that bound this text have some invisible padding/ spacing around. This is more or less fine until you have a clickable element near next to it so then you need to search for a clickable spot.

DEMO: https://jsfiddle.net/0h3mxvpc/1/

I couldn't post the question without the code so...

<div>
  <button>X</button>
  <input type="text">
</div>
</br>
</br>
<div>
  <button>X</button>
  <p>Lorem ipsum dolor sum...</p>
</div>

DEMO (only result): https://jsfiddle.net/0h3mxvpc/1/show

GIF:

In the second example, the clickable area starts at "x" so the right part of the button isn't clickable anymore

While I was searching for a solution I found many pages with this bug so I guess it isn't that known issue yet ( or nobody cares )

Any idea how could I fix it? or where else could I ask?

Disclaimer: I wasn't able to find any threads regarding this topic ( here or anywhere else ), if there are any, pls feel free to flag this as a duplicate.