Hi there,
I’m stuck trying to find the cause of the anomaly.
-
I use a single Lightbox for Menu.
-
The Lightbox setup:
Fluid
defined Width (40%)
full height
Overflow content: Hidden
Position: Pinned, docked to the Top and Left side of the page
Two columns + 1 Row
No Margins, No Padding
No Additional Adjusting
The result:
As expected. Great.
The anomaly:
- as long as I click on the Menu button
- so the expected Menu is opened = on the expected side and with expected dimensions (on all breakpoints)
- however, just before the Menu is rendered, a white strip (cca 100px width and full page height) is displayed for a few milliseconds. This strip fits under the Menu, which renders fine.
- however when I click the “X” to close the Menu
- so the Menu will disappear (expected event)
- however, the white strip that was there at the beginning as an unwanted rendering effect will appear below it.
- this is a new White Menu without content (screenshot below) but with an “X”, which displays the text “Close Site Navigation” when hovering.
- this unexpected white element is obviously a Menu, it behaves like a Menu, and it behaves like a Lightbox. It can be cancelled by clicking on the content next to it or on the “X”, similar to the Lightbox Menu .
I do not use another Lightbox with Menu for this purpose.
After inspecting my Lightbox Menu layers:
- The lightbox only contains elements defined by me.
- there is no other Menu created in any other layer/page.
- I don’t have my own custom script for this Lightbox.
Test:
- I reduced the Opacity of my Lightbox Menu to 50%
- I don’t see a “white strip” tent under it in any Breakpoint
This anomaly happens all the time.