What is not a problem:
Moving or resizing a div works as expected on all platforms.
The issue appears to only affect Apple iOS and is described as follows:
When a moved div overlaps another element with an onclick event, the underlying onclick fires after the move operation is complete.
I have tried various event handling methods like stopPropagation and cancelBubble at different levels but with no success.
Another attempt was manipulating an underlying 'mobi div' to block the onclick event, but this did not resolve the issue.
I am avoiding using transform due to compatibility reasons, even though it could prevent this problem.
If anyone else has experienced this issue on iOS or knows any specific quirks related to Apple devices, please share your insights.
Please refrain from suggesting library-based solutions. I am looking for pure JavaScript approaches if there is a solution available.
I might be able to work around the issue using a timer and an 'on_ios_move' mechanism, but it doesn't feel like an elegant solution.
Thank you in advance for any suggestions.