bm-core-ui 2.11.1 → 2.11.3

package/build/BMCoreUI.css

@@ -192,7 +192,7 @@
 	background: rgba(245, 245, 245, .8);
 }
 
-.BMWindow.BMKeyWindow::before, .BMToolWindow::before {
+.BMWindow.BMKeyWindow, .BMToolWindow {
 	backdrop-filter: blur(15px);
 	-webkit-backdrop-filter: blur(15px);
 }
@@ -1169,6 +1169,11 @@ input:not(:checked) + .BMWindowSwitchGutter > .BMWindowSwitchKnob, .BMWindowSwit
 	color: rgba(0, 0, 0, .8);
 
 	border-radius: 8px;
+
+	backdrop-filter: blur(25px);
+	-webkit-backdrop-filter: blur(25px);
+
+	overflow-y: auto;
 }
 
 .BMLayoutEditorConstraintPopup::before, .BMMenu::before {
@@ -1181,11 +1186,6 @@ input:not(:checked) + .BMWindowSwitchGutter > .BMWindowSwitchKnob, .BMWindowSwit
 	bottom: 0;
 
 	border-radius: 8px;
-
-	backdrop-filter: blur(25px);
-	-webkit-backdrop-filter: blur(25px);
-
-	z-index: -1;
 }
 
 .BMMenuSourceNodeShadow {
@@ -1332,6 +1332,10 @@ input:not(:checked) + .BMWindowSwitchGutter > .BMWindowSwitchKnob, .BMWindowSwit
 /* The menu's text element should expand to fill all available space */
 .BMMenuItem > span {
 	flex-grow: 1;
+	
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
 }
 
 .BMMenuItemHint {
@@ -1417,8 +1421,8 @@ input:not(:checked) + .BMWindowSwitchGutter > .BMWindowSwitchKnob, .BMWindowSwit
 	background: transparent;
 	color: rgba(0, 0, 0, .8);
 
-	backdrop-filter: brightness(90%);
-	-webkit-backdrop-filter: brightness(90%);
+	backdrop-filter: brightness(80%);
+	-webkit-backdrop-filter: brightness(80%);
 }
 
 .BMLayoutEditorConstraintPopupOptionHighlighted, .BMMenuItemHighlighted {

package/build/BMView/BMMenu.js

@@ -995,20 +995,37 @@ BMMenu.prototype = {
         // that the first menu item appears directly on the pointer's position
         const point = BMPointMake(rect.right, rect.origin.y - paddingTop);
 
+        const windowWidth = window.innerWidth;
+        const windowHeight = window.innerHeight;
+
         // Determine where to place the menu based on where it fits best, preferring towards
         // the bottom-right of the origin point
         if (kind == BMMenuKind.PullDownMenu) {
             transformOriginX = '50%';
         }
-        else if (width + point.x > document.documentElement.clientWidth) {
-            // If the menu doesn't fit towards the right, open it towards the left
-            transformOriginX = '100%';
-            point.x = rect.origin.x - width;
+        else if (width + point.x > windowWidth) {
+            // If the menu doesn't fit towards the right, open it towards the left, if it has more space
+            if (point.x > windowWidth / 2) {
+                transformOriginX = '100%';
+
+                menuNode.style.maxWidth = point.x + 'px';
+                point.x = rect.origin.x - width;
+            }
+            else {
+                menuNode.style.maxWidth = (window.innerWidth - point.x) + 'px';
+            }
         }
-        if (height + point.y > document.documentElement.clientHeight) {
-            // If the menu doesn't fit towards the bottom, open it towards the top
-            transformOriginY = ' 100%';
-            point.y = rect.bottom + paddingBottom - height;
+        if (height + point.y > windowHeight) {
+            // If the menu doesn't fit towards the bottom, open it towards the top, if it has more space
+            if (point.y > windowHeight / 2) {
+                transformOriginY = ' 100%';
+
+                menuNode.style.maxHeight = point.y + 'px';
+                point.y = Math.max(rect.bottom + paddingBottom - height, 0);
+            }
+            else {
+                menuNode.style.maxHeight = (windowHeight - point.y) + 'px';
+            }
         }
         menuNode.style.transformOrigin = transformOriginX + transformOriginY;
 

package/build/Core/BMAnimationContext.js

@@ -499,7 +499,7 @@ export function __BMVelocityAnimate(node, properties, options, useWebAnimations)
 export function BMHook(element, properties) {
 	if (BM_USE_VELOCITY2) {
 		let node = element;
-		if (element instanceof window.$) {
+		if (window.$ && element instanceof window.$) {
 			node = element[0];
 		}
 
@@ -969,7 +969,7 @@ export function BMAnimationApplyBlocking(blocking) {
 
 			// Set up the animation
 			let node = element;
-			if (element instanceof window.$) {
+			if (window.$ && element instanceof window.$) {
 				node = element[0];
 			}
 
@@ -1071,7 +1071,7 @@ export function BMAnimationApplyBlocking(blocking) {
 
 		}
 		else if (BM_USE_VELOCITY2) {
-			if (element instanceof window.$) {
+			if (window.$ && element instanceof window.$) {
 				promises.push(element[0].velocity(animationTargets[i].properties, options));
 			}
 			else {
@@ -1091,6 +1091,11 @@ export function BMAnimationApplyBlocking(blocking) {
 				const properties = animationTargets[i].properties;
 				const animationOptions = options;
 
+				// If there are no properties specified for this element, add a dummy tween property
+				if (!Object.keys(properties).length) {
+					properties.tween = [1, 0];
+				}
+
 				promises.push(new Promise(async resolve => {
 					const delay = options.delay;
 					options.delay = undefined;
@@ -1122,6 +1127,11 @@ export function BMAnimationApplyBlocking(blocking) {
 				}));
 			}
 			else {
+				// If there are no properties specified for this element, add a dummy tween property
+				if (!Object.keys(animationTargets[i].properties).length) {
+					animationTargets[i].properties.tween = [1, 0];
+				}
+
 				promises.push(velocity.animate(element, animationTargets[i].properties, options));
 			}
 		}