position-try-order
Determines the order in which the browser tries the fallback positions defined in 'position-try-fallbacks'. You can tell the browser to prioritize the position with the most available space.
Usage example
.popup {
position-try-fallbacks: flip-block, flip-inline;
/* Prioritize the fallback that has the most visible area on screen */
position-try-order: most-width;
}Initial value
normal
Inherited
No
Applies to
absolutelyPositionedElements
Animation type
discrete
Values
normal position-try-order Browser Support
Limited availability 76% global usage
This feature is not Baseline because it does not work in some of the most widely-used browsers.
Not ready for production without a fallback.
125+
125+