Mobile menu (when long) does not render correctly and does not scrop up

[marcin17]

I have just installed the latest 3.0.14 framework and latest templates. The mobile menu does render and scroll correctly when having many items.

how to reproduce:

• open the page https://kochen-mit-spass.de/vorspeisen-zwischenmahlzeiten on mobile device
• click on mobile menu on the left
• scroll down to one of the latest menu item which have children, e.g. "Ratgeber"
• using arrow fade in the submenu
  RESULT:
• rendering menu is broken,
• an empty space
• does not scroll up
  see screenshots
  
  

[sonvnn]

I still see it here.

[deltapapa01]

Hi @marcin17,
another quick question: How did you configure the view with the overview as a box layout like here:
https://kochen-mit-spass.de/rezepte

I find this very chic and clear, and so far I've always done it with Bootstrap and the JCE Colums like here:
https://gemuesekombuese-sh.de/

But you always have to configure everything manually in the post

Wbr
deltapapa

[marcin17]

hi @sonvnn
I have verified on many mobile phones (iphone and android) and can reproduce the problem on all of them even right now ..

iphone 13
@

[Joomlaplates]

Its working on all Android phones but Iphones have still problems because of their own Browser engine or blocking javascripts.
Apples Safari is the new Internet Explorer..

[marcin17]

@Joomlaplates
I have tested with Chrome on iPhone and Android Xiaomi - the screenshots above are all from Chrome !

[marcin17]

@Joomlaplates

maybe some hint how to reproduce

• open menu
• scroll the menu a bit down before click on the menu item
• click on "Ratgeber"

this problem is visible only if the menu is longer (has bigger height) than the length/height of the mobile phone, and you have to scroll the menu down to the menu option you want to click (unfold)

[marcin17]

@Joomlaplates @sonvnn

I have manged to reproduce the problem even on desktop (Ubuntu + Firefox) just by minimizing the size of the Firefox screen. See the screeshot:

[Banuk1616]

Hello
I can also reproduce this when I reduce the size of the browser window on my desktop.