xiaoluoboding / vue-sonner

🔔 An opinionated toast component for Vue.

Home Page:https://vue-sonner.vercel.app

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Possible bugs when using fixed

AQian-Cup opened this issue · comments

The popup toast is covered by other components.
image

At first I thought it might be the z-index that was causing this, however after I changed it to an extremely large value the situation remained unchanged. At this point I noticed that the section tag was in a strange place in the DOM - it was not under the root component nor under the component where the toaster is located.
This is shown in the image below:
image

I realised that it was probably fixed causing the problem, so I cleared it and eventually the toast was able to display properly.
image
image

This seems to be caused by the DOM node being added to the wrong location...
I'm sorry, but I'm not really sure how this component works, so I can't give any more information.