Display error with vertical gallery

[MichaGue]

Hello, I have built a menu consisting of two levels, each with a gallery.

galMenuVertical
   galSubMenuVertical
      btnClickSubMenuVertical
      lblSubMenuVertical
      btnClickMenuVertical
   lblMenuVertical
   icoMenuVertical

Very strange, sometimes a vetical scrollbar appears.

The display problem seems to be triggered by expanding the menu. If I click on each menu item once after expanding the menu and then move the mouse over "Sub 1" to correct the display errors, the error no longer occurs. If I close the menu and expand it again, the error is there again (see animation).

What I have tested:

• Disable the scrollbar in the advanced properties of the gallery. Then the submenu, like in the animation above, is not complete. Only "sub 1" will be showed, not "sub 1" + "sub 2".
• I have checked it in 3 browsers (Edge, Firefox, Chrome). All show the same error, which means the cause is not browser specific.
• It looks like there is a linebrake at the end of the submenu items. I tried to remove it with but had no success.

Substitute(ThisItem.SubMenuLabel,Char(10),",")

Any other ideas?

Thanks an best regards.

[MichaGue · Accepted solution]

The problem is understandable if you know the internal processes better. In my app, some calculations are performed to determine the dimensions of the menu.

What is the cause of the rendering error?

• The rendering of the gallery is faster than the calculation of the formulas is.

Why is the rendering error gone when all menu items are clicked once?

• After everything has been clicked once, the calculation results are already available and do not need to be done again. I.e. the rendering is correct, because the calculations are already available.

How to solve the problem?

• In both galleries you change "DelayItemLoading" to true.
• In the gallery of the submenu deactivate the scrollbar