Dropdown broken on iOS

[DrZoidberg09]

When using any kind of dropdown, e.g. LinkField in a modal (e.g. child DocType), you cannot select any item.

This only appears on iOS in any browser there. Other devices are fine.

This completely breaks the usage of Frappe on iOS.

Running on latest v15 Frappe and ERPNext.

Here a picture: You see the dropdown, but cannot select.

[DrZoidberg09]

This seems to be caused by the problem that click events dont work on top of a fixed modal in iOS:
https://stackoverflow.com/questions/56601501/ionic-3-click-event-into-modal-doesnt-work-in-ios

However, I dont know what changed as it used to work before.

[cogk]

I did a little bit of investigation on this issue.

Reproducing on Desktop with DevTools (tested on Chrome / Ubuntu):

• open DevTools
• enable mobile mode
• reload the page
• try to click an Awesomplete suggestion, or the Link arrow →, or the Edit 🖊️ button (nothing works)
• try to scroll the Awesomplete suggestions (does not work)
• try to scroll the Awesomplete suggestions by click-dragging the top padding of the suggestion list (it does work!)

Conveniently this reproduces the same issue as on iOS.

Replacing <a> with <button> does help for the Edit button, but not Awesomplete suggestions. There seem to be some magic things done by the browser to detect if a thing is clickable or not on mobile (iOS).

This worked fine a year ago, back when table scrolling was done with basic overflow: scroll, which clipped the Awesomplete suggestions list. Not sure…

This was changed in #18425, I'm too lazy to revert and check if it changes something. It's not that…

[dipakthapa1988]

Same problem on my IOS devices

[uhrjun]

If filing iPhone specific issues. Please outline the version

[dipakthapa1988]

[frappe-pr-bot]

🎉 This issue has been resolved in version 15.23.0 🎉

The release is available on GitHub release

Your semantic-release bot 📦🚀