Closed abhijeet181088 closed 1 month ago
Hi @abhijeet181088
mounting popup components like the Dialog
, Popover
or Toast
inside other components is not recommended. You can find out more about this here (I will extend this entry, so it's clearer that not only Popovers or Dialogs are affected by this).
Please mount the Toast outside of the component: https://stackblitz.com/edit/github-lg4jzd-zzgutc?file=src%2FApp.tsx
Alternatively, you could also use our Modals
API: https://stackblitz.com/edit/github-lg4jzd-4tff68?file=src%2FApp.tsx
Describe the bug
Toast's position should remain fixed even if parent container is getting scrolled. As per my understanding, toast's position (for eg: "BottomCenter") should be relative to the viewport and should remain fixed once shown.
Isolated Example
https://stackblitz.com/edit/github-lg4jzd-y2ex4m?file=src%2FApp.tsx
Reproduction steps
Expected Behaviour
Toast should be visible in current viewport at provided "placement".
Screenshots or Videos
No response
UI5 Web Components for React Version
1.28.1
UI5 Web Components Version
1.24.0
Browser
Chrome
Operating System
macOS
Additional Context
No response
Relevant log output
No response
Organization
No response
Declaration