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.
Quick 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;
}Quick facts
Initial value
normalInherited
No
Applies to
absolutely positioned elements
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+