better scrollbar in codeblocks + enter anim for delegates

Modules/Notifications/Sidebar/Chat/Content/ContentBubble.qml

@@ -24,7 +24,7 @@ Item {
 
 	implicitHeight: bubble.implicitHeight + actionsRow.implicitHeight + actionsRow.anchors.topMargin
 
-	CustomRect {
+	CustomClippingRect {
 		id: bubble
 
 		radius: Tokens.rounding.medium
@@ -33,16 +33,21 @@ Item {
 		implicitHeight: root.isUser ? msgText.contentHeight + Tokens.padding.medium * 2 : blocks.implicitHeight + blocks.anchors.topMargin * 2
 		anchors.right: root.isUser ? parent.right : undefined
 
-		Behavior on implicitHeight {
-			// enabled: root.segment.running
-
-			Anim {}
-		}
+		// Behavior on implicitHeight {
+		// 	enabled: !root.segment.running
+		//
+		// 	Anim {
+		// 		type: Anim.DefaultEffects
+		// 	}
+		// }
 
 		// User messages stay a plain editable text field.
 		TextEditBase {
 			id: msgText
 
+			property string cachedText: root.segment.text
+			property bool cancelled: false
+
 			visible: root.isUser
 			anchors.left: parent.left
 			anchors.margins: Tokens.padding.medium
@@ -65,27 +70,29 @@ Item {
 						event.accepted = true;
 					}
 				} else if (event.key == Qt.Key_Escape) {
-					text = root.segment.text;
+					cancelled = true;
 					readOnly = true;
 					event.accepted = true;
 				}
 			}
 			onEditingFinished: {
-				const old = root.segment.text;
-				if (old !== text)
-					root.edit(text);
-
 				readOnly = true;
 			}
 			onReadOnlyChanged: {
 				if (readOnly) {
 					animateCursor = false;
-					root.forceActiveFocus();
 					textFormat = CustomText.MarkdownText;
+
+					if (cancelled) {
+						text = cachedText;
+						cancelled = false;
+						return;
+					}
+
+					root.edit(text);
 				} else {
-					var raw = root.segment.text;
 					textFormat = CustomText.PlainText;
-					text = raw;
+					text = cachedText;
 					forceActiveFocus();
 					cursorPosition = text.length;
 					animateCursor = true;