Skip to content

Menu with Dropdown / Voiceover on iOS #3118

Open
@PatrickSchibli

Description

@PatrickSchibli
  • 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!

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions