I'd like to apply isolation: isolate; to the section so that I can cover the toasts with other UI elements like slideovers etc.
What do you think would be the best solution for this? Adding a prop just for the isolation: isolate; style or allowing to provide all attributes to the wrapper element via a custom prop like wrapperAttrs ?
As far as I'm aware, it is currently not possible to style the wrapper
<section>
 element, sinceinheritAttrs
is set tofalse
. https://github.com/xiaoluoboding/vue-sonner/blob/45df97915f00eac7407a7508291f0041a0e4f691/packages/Toaster.vue#L148I'd like to apply
isolation: isolate;
to the section so that I can cover the toasts with other UI elements like slideovers etc.What do you think would be the best solution for this? Adding a prop just for the
isolation: isolate;
style or allowing to provide all attributes to the wrapper element via a custom prop likewrapperAttrs
?