Mobil Menu Scrolling?

Elements Feedback
1

@dan It seems if a mobile menu has more content than can be displayed, the menu should be able to scroll. I just found out that this is not the case, so if you are looking at my sites on a phone in landscape mode you will not be able to access the items at the bottom of the menu.

Is this a bug?

If it is not a bug how do we support scrolling?

I played around with this and eventually got it to work but I don’t know exactly what I did to get it working. As far as I can tell I just changed the WIDTH of the mobile menu. Not sure if that made it start scrolling but it now does. Now I have to go look at all of the other sites. Seems like it has something to do with the fact that I use a FIXED menu, but I can’t be sure.

After a lot more digging into this I now have all of my sites back up and running with working versions of the mobile menu that will scroll when needed. From what I can tell it did not like the fact that I had the mobile menu inset from all of the edges of the screen and this somehow interfered with the scrolling ability. I might be wrong in that assessment, but those are the parameters I changed to get it to work. Does not look like it had anything to do with the fact that all of these sites used FIXED menus.

2

That sounds like the key piece of information — off the top of my head I think that might be the reason.

I’ll add this one to my list :slight_smile:

3

@ben I’m going to experiment today with each of the edges to see if there is a specific edge that triggers the problem and will let you know.

4

@ben I found that it appears to be the bottom value that is causing the problem. I had it set to AUTO and it would not scroll.

Setting it to any value other than AUTO seems to fix the problem, so it seems it is the AUTO value that it does not like.

5

@handshaper trying to replicate this one, but not having any luck. Do you have a project with the issue? :slight_smile:

6

@ben This is very easy to replicate on my end.

I just downloaded your North Eleven project where you can see this problem. If you look at the setup for the mobile menu you will see that the bottom is set to AUTO. With this setting if you preview in the browser, go into responsive test mode, and resize down to a size with a height less than the height of the mmobile you will see that it does not scroll.

If you then change the bottom value to ZERO and try again you will see that it now scrolls.