fix: Prefer flipping submenu to left side over to the bottom

CHANGELOG.md

@@ -2,9 +2,10 @@
 
 Reactist follows [semantic versioning](https://semver.org/) and doesn't introduce breaking changes (API-wise) in minor or patch releases. However, the appearance of a component might change in a minor or patch release so keep an eye on redesigns and make sure your app still looks and feels like you expect it.
 
-# Next
+# 26.2.5
 
 -   [Fix] Add top and bottom paddings to the `Tab` component.
+-   [Fix] `SubMenu` will only render at the bottom when there isn't enough space in either side of the parent menu.
 
 # 26.2.4
 

package.json

@@ -6,7 +6,7 @@
         "email": "henning@doist.com",
         "url": "http://doist.com"
     },
-    "version": "26.2.4",
+    "version": "26.2.5",
     "license": "MIT",
     "homepage": "https://github.com/Doist/reactist#readme",
     "repository": {

src/menu/menu.stories.mdx

@@ -126,7 +126,7 @@ be changed by passing `modal={false}` to `<MenuList>`
 
 You may nest the `<SubMenu>` component within `<Menu>` to create submenus.
 
-On smaller viewports where there isn't enough space to render the submenu on the side, it will be rendered under its parent menu item instead.
+On smaller viewports where there isn't enough space to render the submenu on either side, it will be rendered under its parent menu item instead.
 
 <Canvas>
     <Story

src/menu/menu.tsx

@@ -172,7 +172,7 @@ const MenuList = React.forwardRef<HTMLDivElement, MenuListProps>(function MenuLi
                 className={classNames('reactist_menulist', exceptionallySetClassName)}
                 getAnchorRect={getAnchorRect ?? undefined}
                 modal={modal}
-                flip={flip ?? (isSubMenu ? 'bottom' : undefined)}
+                flip={flip ?? (isSubMenu ? 'left bottom' : undefined)}
             />
         </Portal>
     ) : null