[menu-bar] Usage of additional menu items on mobile not possible

[knoobie]

Description

Using the example (https://vaadin.com/docs/latest/example?embed=menu-bar-overflow-wc.js&import=component/menubar/menu-bar-overflow.ts) on mobile (iPhone 12 Pro / iOS 15) it's not possible to interact with the sub-menu / menu items behind (...).

If I move the splitter around it works. In the "default" state the following is shown:

Initial state:

Click on (...):

Steps to reproduce

• Open https://vaadin.com/docs/latest/example?embed=menu-bar-overflow-wc.js&import=component/menubar/menu-bar-overflow.ts with an iPhone and DON'T interact with the slider
• Click the (...)
• See no submenu

[knoobie]

It could be related to the demo in some way. After the fix #3312 I've checked with my own application and phone. My application doesn't suffer from this - the menu bar shrinks and I can interact with the sub menu.