Fix PopupContextMenu
in StatusBarPopover
#912
Merged
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
Changes
When
PopupContextMenu
is used as a nested popup inStatusBarPopover
it is problematic because the logic of iTwinUI (Popover) and AppUI (Popup) clash since they portal to different places which then causes various issues (e.g. the nestedPopup
displays behind the mainPopover
or opening the nestedPopup
would close thePopover
). As a simple fix I usedportalTarget
prop which will portal thePopup
into thePopover
(more specifically, the trigger button which is inside the Popover).Additionally,
PopupContextMenu
will be deprecated in AppUI 4.16.0 and can be easily replaced withDropdownMenu
orDropdownButton
from iTwinUI.Fixes #909.
Testing
Tested in standalone test-app.