You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Overlay should always be positioned and rendered at the screen that all content is visible.
Actual behavior
When using a virtual trigger to open a context menu with placement="right-start" - it happens that the overlay content won't be correct positioned and always visible for small window sizes - and content will get cut off the screen.
This is mostly the case when the opened popover content width is >= half of the UI viewport. For example: If the popover width is 300px, this happens when viewport (body) is shrank to 600px and less.
Code of conduct
Impacted component(s)
Overlay, VirtualTrigger
Expected behavior
Overlay should always be positioned and rendered at the screen that all content is visible.
Actual behavior
When using a virtual trigger to open a context menu with placement="right-start" - it happens that the overlay content won't be correct positioned and always visible for small window sizes - and content will get cut off the screen.
This is mostly the case when the opened popover content width is >= half of the UI viewport. For example: If the popover width is 300px, this happens when viewport (body) is shrank to 600px and less.
Screenshots
What browsers are you seeing the problem in?
Chrome Version 99.0.4844.84
How can we reproduce this issue?
You may try to set placement to "left-start" and there won't be a problem.
Sample code that illustrates the problem
No response
Logs taken while reproducing problem
No response
The text was updated successfully, but these errors were encountered: