Skip to content
This repository has been archived by the owner on Dec 1, 2019. It is now read-only.

Unable to access a submenu item of the Desktop Horizontal Menu on tablet (>1000px) #790

Closed
YanCol opened this issue Oct 7, 2019 · 11 comments · Fixed by #949 or #971
Closed

Unable to access a submenu item of the Desktop Horizontal Menu on tablet (>1000px) #790

YanCol opened this issue Oct 7, 2019 · 11 comments · Fixed by #949 or #971
Labels

Comments

@YanCol
Copy link
Contributor

YanCol commented Oct 7, 2019

On a tablet (1024px for an iPad or 1366px for an iPad Pro for example) when the user clicks on the menu item (or on its icon) which has a submenu, it always loads the parent page. The submenu appears briefly but it's impossible to click on a submenu item.

The submenu works well inside the modal as the user can click on the icon to open the submenu.

@carolinan
Copy link
Contributor

Does the parent menu item have an actual working link, or just a hashtag?
With parent page, do you mean the current page, or the page that the parent menu item leads to?

@YanCol
Copy link
Contributor Author

YanCol commented Oct 7, 2019

@carolinan

Does the parent menu item have an actual working link, or just a hashtag?

It does work when the parent menu has a hastag. It doesn't work when the parent menu has an actual working link.

With parent page, do you mean the current page, or the page that the parent menu item leads to?

I mean the page that the parent menu item leads to.

@acosmin
Copy link
Contributor

acosmin commented Oct 8, 2019

what is the expected interaction? Only clicking on the icon would make the submenu visible or clicking on the entire menu item?

@joyously
Copy link

joyously commented Oct 8, 2019

I would expect that clicking on a menu item would navigate to that link.

@YanCol
Copy link
Contributor Author

YanCol commented Oct 8, 2019

I would expect that:

  • when the user clicks on a menu item it would navigate to that link
  • when the user clicks on the icon it would make the submenu visible

This solution is consistent with the behaviour of the modal submenu.

@acosmin
Copy link
Contributor

acosmin commented Oct 8, 2019

I tried something in #800

@carolinan
Copy link
Contributor

I don't think that this is related to the width?

@YanCol
Copy link
Contributor Author

YanCol commented Oct 11, 2019

@carolinan Below 1000px the desktop horizontal menu is hidden and is replaced by the modal menu which has no problem with submenus.

@carolinan
Copy link
Contributor

It seems to behave differently on Ipads with different iOS versions.
Using 13.1.2 I can't reproduce this. Tapping once shows the sub menu, -and it stays visible and clickable, -tapping twice takes you to the link.
It works for me in Safari, firefox, chrome.

@carolinan
Copy link
Contributor

Using an asus android tablet with Safari, the first tap takes me to the parent menu item link and there is no way to use the sub menu.

@westonruter
Copy link
Member

The fix seems to have been incomplete. Another take: #971.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
Projects
None yet
6 participants