Open
Description
- Framework7 version: v4.2.0
- Platform and Target: iOS 12.2
- Live Link or JSFiddle: not applicable (bug does not occur in JSFiddle)
Describe the bug
When using VoiceOver (for visually impaired users) on iOS, the "Menu with Dropdown" component does not work as expected.
In VoiceOver mode, an element must be tapped twice to trigger it.
Since tapping twice closes the dropdown, the elements of the dropdown cannot be selected.
To Reproduce
Use this element in an iOS-App while VoiceOver is enabled
<div class="menu">
<div class="menu-inner float-right no-padding margin-bottom">
<div class="menu-item menu-item-dropdown">
<div class="menu-item-content"><span id="event_addperson" aria-label="Person hinzufügen" role="link">+</span></div>
<div class="menu-dropdown menu-dropdown-right">
<div class="menu-dropdown-content">
<a id="eventdetails_addperson_empty" class="menu-dropdown-link menu-close" role="link" aria-label="empty">empty</a>
<a id="eventdetails_addperson_contacts" class="menu-dropdown-link menu-close" role="link" aria-label="from contacts">from contacts</a>
</div>
</div>
</div>
</div>
</div>
</div>
Expected behavior
"Menu with Dropdown" should be expanded after tapping twice when voiceover enabled on iOS
Actual Behavior
"Menu with Dropdown" opens and closes immediately after tapping twice when voiceover enabled on iOS
...last but not least
Thanks for the great work!