Modal dialog/form and map widget behind on calling page

Hi, I have a modal form and a Map component on the calling page. It seems the map will be shown on top of the form when the modal form is displayed. Has anyone seen this issue?

TIA

Hi @sleeusis :wave:

Could you give us a bit more information about this, maybe share a few screenshots or screen recording of your project?

This will help us understand what your page looks like and what CSS settings may be triggering that behavior.

If you think everything is setup properly and it’s a bug, don’t hesitate to report it here.

Hey @Joyce - I figured out the issue. it seems that modal dialogs needs to be always at the end of the tree. If not then the map will be overlapping over the dialog when displayed. Easy fix. Thank You! See screenshots.


1 Like

Ah ok, glad you find a solution and thanks for letting us know!

Not sure if this is intended or a quirk in WeWeb. I’ll share with the team just in case :slight_smile:

You can also try setting the z-index CSS property whenever you have things overlapping the way you don’t like. A proper DOM structure is always a good idea though :slight_smile: