When size of content in Q-menu changes height close to screen border, how to make Q-menu move?

[Gnopps]

I’ve got a qmenu with a qlist inside it. The qlist size (height) will change while the menu remains open (I don’t know the size of the list when the menu opens). This works fine except if the qmenu is opened near the bottom of the page. Then the qmenu will create scrollbars, instead of switching position from below the item to above the item. Is there a remedy for this?

Here is a Codepen example: https://codepen.io/Gnopps/pen/jONrYjr?editors=1010

This is what I get:

Whereas this is the result I’m after: