Vue-storefront: My Account submenu doesn't render properly on Safari (Mac & iPad)

[bobcho]

Current behavior

If you go to the hamburger menu icon -> My Account, it appears empty on Safari - the "color" style is not picked up for the list of anchors.

When you close the menu and re-open it, the anchors are now visible.

Expected behavior

I expect to see the My Account sub-menu the first time I open it on Safari:

Steps to reproduce the issue

As described above - go to https://demo.vuestorefront.io, login to account, go to Menu -> My account with Safari.

Repository

Can you handle fixing this bug by yourself?

• [ ] YES
• [X] NO

Which Release Cycle state this refers to? Info for developer.

Pick one option.

• [ ] This is a bug report for test version on https://test.storefrontcloud.io - In this case Developer should create branch from develop branch and create Pull Request 2. Feature / Improvement back to develop.
• [ ] This is a bug report for current Release Candidate version on https://next.storefrontcloud.io - In this case Developer should create branch from release branch and create Pull Request 3. Stabilisation fix back to release.
• [X] This is a bug report for current Stable version on https://demo.storefrontcloud.io and should be placed in next stable version hotfix - In this case Developer should create branch from hotfix or master branch and create Pull Request 4. Hotfix back to hotfix.

Environment details

• Browser: Safari Version 12.1.1 (14607.2.6.1.1), but also reproducible with Safari on iPad Pro.
• OS: MacOS, iOS
• Node:
• Code Version:

Additional information

As the issue is only with the My Account sub-menu I assume it has to do with how this particular menu is rendered.

[pkarw]

@przspa can you Please update the status of this issue?

[pspaczek]

@pkarw it's ready, I test it now and creating PR

[patzick]

Thanks @przspa !

[bobcho]

thanks guys!