Feature request: menu display inside the viewport about vue-file-toolbar-menu

[motla]

Hi Jonathan,

Thanks for your interest on the library.

I'm not sure I understand your question correctly.
You can use CSS properties to position the menu floating on the page, for example using the properties position:fixed and width: 100%. If you want it at the top, add: top: 0; left: 0. At the bottom bottom: 0; left: 0.
You can use style bindings with Vue.js to place the menu automatically depending of your application.
If you want to center the items of the menu, you can add spacers, like:

content: [
  { is: "spacer" },
  { text: "It is" },
  { text: "centered!" },
  { is: "spacer" }
]

Does it answer your question?

[jonathanzuniga]

For example, to automatically position the menu if you open it and it gets clipped by the viewport bounds, like: https://popper.js.org/

[motla]

Hmm ok I got it.

it would be nice to have an option to where you prefer the float menu to show: top, right, bottom, left.

For now you can set "align-left"(default), "align-center", or "align-right" to the menu_class property of the menu element (see API.md)
You can also create your own CSS class to apply to the menu. What you are trying to achieve could work using CSS position: sticky, but it needs some experiments (I did all positioning in simple CSS for this lib).

Otherwise it would be feasible in Javascript with popper.js, applying it to the menu elements using either the menu_id properties, or document.querySelectorAll(...) with the correct path.