Unless configured otherwise, popups should change direction if there is no space in their preferred direction (i.e. the popup hits the edge of the viewport/container and gets clipped to a very small size).
|MenuSelectWidget, PopupWidget: Automatically change popup direction if there is no space
|T160001 [minor] RC filters - the highlight color selection box is not fully displayed at the bottom of viewport
|T158934 Automatically change popup direction if there is no space
|T178892 ClippableElement only clips with bottom and right edges (but not with top and left edges)
|T106095 Fixed-position headers/footers obscure last elements of OOUI dropdowns
Although not main focus of this ticket, having adaptable popup direction solved T160001 . I have rechecked after OOjs UI got updated and popup is indeed displayed above the highlight button when there is no room to display the popup below the button.
Here is how it looked on OOjs UI v0.24.2 and how it works on OOjs UI v0.24.3 with highlights popup on RC filters:
|OOjs UI v0.24.2
|OOjs UI v0.24.3
Is this expected?
The main reason I'm writing on this ticket is to get confirmation if following behavior is expected; When button itself is clipped, the popup does not adjust pop up direction to be above the button, but is rather displayed below the button and clipped alongside.