@lowdefy/blocks-antd 5.4.0 → 5.5.1

package/dist/blocks/Menu/Menu.js

@@ -20,6 +20,7 @@ import { withBlockDefaults } from '@lowdefy/block-utils';
 import withTheme from '../withTheme.js';
 import useItemShortcuts from '../useItemShortcuts.js';
 import { buildMenuItems } from '../buildMenuItems.js';
+import './style.module.css';
 const getDefaultMenu = (menus, menuId = 'default', links)=>{
     if (type.isArray(links)) return links;
     if (!type.isArray(menus)) return [];

package/dist/blocks/Menu/style.module.css

@@ -0,0 +1,26 @@
+/*
+  Copyright 2020-2026 Lowdefy, Inc
+
+  Licensed under the Apache License, Version 2.0 (the "License");
+  you may not use this file except in compliance with the License.
+  You may obtain a copy of the License at
+
+      http://www.apache.org/licenses/LICENSE-2.0
+
+  Unless required by applicable law or agreed to in writing, software
+  distributed under the License is distributed on an "AS IS" BASIS,
+  WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+  See the License for the specific language governing permissions and
+  limitations under the License.
+*/
+
+@layer components {
+  /* Cap side-opening flyouts (collapsed sidebar) to half the viewport so a long popup near a
+     low trigger stays on-screen and scrolls (50vh always fits the taller side of the trigger).
+     !important beats antd's unlayered, more-specific cap. */
+  :global(.ant-menu-submenu-popup[class*='-placement-right'] .ant-menu-sub),
+  :global(.ant-menu-submenu-popup[class*='-placement-left'] .ant-menu-sub) {
+    max-height: 50vh !important;
+    overflow-y: auto !important;
+  }
+}

package/dist/blocks/PageSidebarLayout/PageSidebarLayout.js

@@ -187,7 +187,13 @@ const PageSidebarLayout = ({ basePath, blockId, classNames = {}, components: { I
                                         onClick: 'onToggleSider'
                                     }
                                 }
-                            }), /*#__PURE__*/ React.createElement(Menu, {
+                            }), /*#__PURE__*/ React.createElement("div", {
+                                style: {
+                                    flex: '1 1 auto',
+                                    minHeight: 0,
+                                    overflowY: 'auto'
+                                }
+                            }, /*#__PURE__*/ React.createElement(Menu, {
                                 blockId: `${blockId}_menu`,
                                 components: {
                                     Icon,
@@ -228,16 +234,11 @@ const PageSidebarLayout = ({ basePath, blockId, classNames = {}, components: { I
                                 style: {
                                     flex: '0 0 auto'
                                 }
-                            }, content.siderClosed()), /*#__PURE__*/ React.createElement("div", {
-                                style: {
-                                    flex: '1 0 auto'
-                                }
-                            }), /*#__PURE__*/ React.createElement("div", {
+                            }, content.siderClosed())), /*#__PURE__*/ React.createElement("div", {
                                 style: {
-                                    position: 'sticky',
-                                    bottom: 0,
-                                    background: 'linear-gradient(to bottom, transparent 0%, color-mix(in srgb, var(--ant-color-bg-container) 85%, transparent) 32px, color-mix(in srgb, var(--ant-color-bg-container) 95%, transparent) 100%)',
-                                    padding: '40px 8px 8px',
+                                    flex: '0 0 auto',
+                                    background: 'var(--ant-color-bg-container)',
+                                    padding: '8px',
                                     display: 'flex',
                                     flexDirection: 'column',
                                     alignItems: 'center',

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lowdefy/blocks-antd",
-  "version": "5.4.0",
+  "version": "5.5.1",
   "license": "Apache-2.0",
   "description": "Lowdefy Ant Design Blocks",
   "homepage": "https://lowdefy.com",
@@ -45,9 +45,9 @@
   ],
   "dependencies": {
     "@ant-design/icons": "6.1.0",
-    "@lowdefy/block-utils": "5.4.0",
-    "@lowdefy/helpers": "5.4.0",
-    "@lowdefy/nunjucks": "5.4.0",
+    "@lowdefy/block-utils": "5.5.1",
+    "@lowdefy/helpers": "5.5.1",
+    "@lowdefy/nunjucks": "5.5.1",
     "@rc-component/motion": "1.3.1",
     "classnames": "2.3.2",
     "dayjs": "1.11.19",
@@ -60,9 +60,9 @@
     "react-dom": ">=18"
   },
   "devDependencies": {
-    "@lowdefy/block-dev-e2e": "5.4.0",
-    "@lowdefy/e2e-utils": "5.4.0",
-    "@lowdefy/node-utils": "5.4.0",
+    "@lowdefy/block-dev-e2e": "5.5.1",
+    "@lowdefy/e2e-utils": "5.5.1",
+    "@lowdefy/node-utils": "5.5.1",
     "@playwright/test": "1.50.1",
     "@swc/cli": "0.8.0",
     "@swc/core": "1.15.18",