Dialog direction

[phillmorgan28]

Hi, is it possible to control the direction the dialog displays?

For example, at the moment when I click my button the picker displays below the button / mouse cursor and ends up rendering off of the bottom of the screen. What I would like to do is have the picker render upwards above the button / mouse cursor.

Is this available as a property or should I explore CSS to achieve this?

Many Thanks

[serebrov]

It should be possible, but this is actually out of the scope of this library as it does not provide any popup mechanism.

In the project where I have used this library, we had custom CSS design, although I do not remember if controlling the picker position was part of the CSS (and if we tried to handle the position).

In the demo app there is a "QDialog Example" which uses the dialog from the quasar library and it seems to behave the way you describe it: if you scroll the page down, it is shown above the button and if you scroll it up, it is below the button.

This is still a popup-up and you are probably looking for more of a dropdown experience, but I think similar generic dropdown components might exist too and it should not be hard to integrate the picker into such generic component.