eolant / vuetify-toast-snackbar

Basic Vue toast service that uses Vuetify Snackbar component.
MIT License
127 stars 36 forks source link

Position toast within dialog #35

Open davbaron opened 4 years ago

davbaron commented 4 years ago

I believe this is an enhancement request. I would like to show a toast within a dialog, meaning, the 'x' and 'y' properties would be relative to either the 'current' component (if that can be deduced) or a named component. As an example, I have a 'Sign In' component that is popped up in a modal dialog. The 'window' (of the dialog) is small in comparison to the overall browser window. If the user provides a bad password, the 'error message' is a toast, however it appears at the bottom of the browser, not at the bottom of the Sign In 'window', and is thus harder to 'see' (since eye focus is still on the Sign In content, in the middle of the screen, versus the bottom of the screen).

I see that the Vuetify snackbar has an Absolute property, however there is no example for it and I do not understand what setting it to true actually does (aside from setting 'position:absolute' in css). I do not for instance see a numerical 'x' or 'y' coordinate property. Another widget library, Buefy, offers a snackbar widget, and they do include a 'component' property, i.e., 'display this snackbar relative to that component'.

Thank you!