fix(ui5-li): remove active state onmouseup (#525)

SAP · Jun 10, 2019 · a07880d · a07880d
1 parent 0f3b8e4
commit a07880d
Showing 1 changed file with 18 additions and 3 deletions.
diff --git a/packages/main/src/ListItem.js b/packages/main/src/ListItem.js
@@ -80,8 +80,26 @@ class ListItem extends ListItemBase {
 		return [styles, ListItemBase.styles];
 	}
 
+	constructor() {
+		super();
+
+		this.deactivate = () => {
+			if (this._active) {
+				this._active = false;
+			}
+		};
+	}
+
 	onBeforeRendering() {}
 
+	onEnterDOM() {
+		document.addEventListener("mouseup", this.deactivate);
+	}
+
+	onExitDOM() {
+		document.removeEventListener("mouseup", this.deactivate);
+	}
+
 	onkeydown(event) {
 		super.onkeydown(event);
 
@@ -141,9 +159,6 @@ class ListItem extends ListItemBase {
 		}
 	}
 
-	deactivate() {
-		this._active = false;
-	}
 
 	_onDelete(event) {
 		this.fireEvent("_selectionRequested", { item: this, selected: event.selected });