@brightspace-ui/core 2.79.1 → 2.79.2

package/components/list/list-item-generic-layout.js

@@ -452,6 +452,8 @@ class ListItemGenericLayout extends RtlMixin(LitElement) {
 			case keyCodes.SPACE:
 				node = getComposedActiveElement();
 				node.click();
+				// mouseup event is necessary for components like d2l-dropdown-more that control state by listening to this event
+				node.dispatchEvent(new MouseEvent('mouseup', { composed: true }));
 				break;
 			case keyCodes.RIGHT:
 				node = getComposedActiveElement();

package/custom-elements.json

@@ -8155,6 +8155,11 @@
           "default": "false"
         }
       ],
+      "events": [
+        {
+          "name": "mouseup"
+        }
+      ],
       "slots": [
         {
           "name": "outside-control",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@brightspace-ui/core",
-  "version": "2.79.1",
+  "version": "2.79.2",
   "description": "A collection of accessible, free, open-source web components for building Brightspace applications",
   "type": "module",
   "repository": "https://github.com/BrightspaceUI/core.git",

package/templates/primary-secondary/primary-secondary.js

@@ -334,6 +334,7 @@ class MobileMouseResizer extends Resizer {
 
 	constructor() {
 		super();
+		this._isDragging = false;
 		this._onMouseDown = this._onMouseDown.bind(this);
 		this._onMouseMove = this._onMouseMove.bind(this);
 		this._onMouseUp = this._onMouseUp.bind(this);
@@ -363,6 +364,7 @@ class MobileMouseResizer extends Resizer {
 			e.preventDefault();
 			const y = e.clientY - this.contentRect.top;
 			this._offset = y - (this.contentRect.height - this.panelSize);
+			this._isDragging = false;
 			this._isResizing = true;
 			this._target.focus();
 		}
@@ -374,6 +376,7 @@ class MobileMouseResizer extends Resizer {
 		}
 		const y = e.clientY - this.contentRect.top;
 		const secondaryHeight = this.clampMaxHeight(this.contentRect.height - y + this._offset);
+		this._isDragging = true;
 		this.dispatchResize(secondaryHeight, false);
 	}
 
@@ -386,12 +389,13 @@ class MobileMouseResizer extends Resizer {
 		const y = e.clientY - this.contentRect.top;
 		const desiredSecondaryHeight = this.contentRect.height - y + this._offset;
 		if (
-			(this._wasCollapsed && desiredSecondaryHeight < collapsedCollapseThreshold)
-			|| (!this._wasCollapsed && desiredSecondaryHeight < expandedCollapseThreshold)
+			this._isDragging
+			&& ((this._wasCollapsed && desiredSecondaryHeight < collapsedCollapseThreshold)
+			|| (!this._wasCollapsed && desiredSecondaryHeight < expandedCollapseThreshold))
 		) {
-			if (desiredSecondaryHeight > 0) this.dispatchResize(0, true);
+			if (desiredSecondaryHeight !== 0) this.dispatchResize(0, true);
 		}
-		else if (desiredSecondaryHeight < this.contentBounds.minHeight) {
+		else if (this._isDragging && desiredSecondaryHeight < this.contentBounds.minHeight) {
 			this.dispatchResize(this.contentBounds.minHeight, true);
 		}
 		this._isResizing = false;