Can't click side menu
Application Type
Reactive

I developed Reactive Web App.

I set it to Layout Side Menu and now I can't click on the menu on my phone.

When the Layout Side Menu comes up, it turns a little black and is not clickable.

I don't know the cause of the problem, what is the solution?

Solution

I found the problem

Is here

The overlay must be outside at the same level of the nav element

Like this

Now its doing the right overlay

Regards,

Márcio

Can you share an OML?

What may be happening is you have a pointer-events none or a z-index, not sure, but I am sure you have an overlay even on the menu and that's not what you want. But you can do your own inspect and try to find out. But if you can please, share your OML, I can't replicate the bug.

But try to put this on your theme.

.menu-visible .app-menu-overlay {

opacity: 1;

pointer-events: auto;

-webkit-transition: opacity 330ms ease-out;

-o-transition: opacity 330ms ease-out;

 transition: opacity 330ms ease-out;

}

 .app-menu-overlay {

    background-color: rgba(0, 0, 0, 0.25);

    height: 100vh;

    left: 0;

    opacity: 0;

    pointer-events: none;

    position: fixed;

    top: 0;

    -webkit-transition: opacity 130ms ease-in;

    -o-transition: opacity 130ms ease-in;

    transition: opacity 130ms ease-in;

    width: 100vw;

    will-change: opacity;

    z-index: 104;

}

Thanks, Marcio.

I applied CSS and it did not change.

I am developing with Service Studio for MAC and I don't know how to export OML files.

  1. Go to Module when you are with the module open
  2. Export
  3. Save As in case you didn't save yet or just Save in the case you already saved before
  4. Then you just need to click Save and you will have your OML

Márcio Carvalho, sorry for the late reply.

I now understand how to export OML files. 

Here it is.

DancingMap.oml

Solution

I found the problem

Is here

The overlay must be outside at the same level of the nav element

Like this

Now its doing the right overlay

Regards,

Márcio

Thank you for finding the cause.

Indeed, the container was inside the nav element, so I fixed it to the outside and that solved it!

We will mark this one as resolved.


Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.