Fix some TapHandler focus issues

resources/qml/Avatar.qml

@@ -61,6 +61,7 @@ Rectangle {
         }
 
         layer.effect: OpacityMask {
+            cached: true
 
             maskSource: Rectangle {
                 anchors.fill: parent

resources/qml/MessageView.qml

@@ -15,7 +15,6 @@ ScrollView {
     clip: false
     palette: colors
     padding: 8
-
     ScrollBar.horizontal.visible: false
 
     ListView {

resources/qml/TimelineRow.qml

@@ -29,11 +29,13 @@ Item {
     TapHandler {
         acceptedButtons: Qt.RightButton
         onSingleTapped: messageContextMenu.show(model.id, model.type, model.isEncrypted, model.isEditable)
+        gesturePolicy: TapHandler.ReleaseWithinBounds
     }
 
     TapHandler {
         onLongPressed: messageContextMenu.show(model.id, model.type, model.isEncrypted, model.isEditable)
         onDoubleTapped: chat.model.reply = model.id
+        gesturePolicy: TapHandler.ReleaseWithinBounds
     }
 
     RowLayout {

resources/qml/TimelineView.qml

@@ -109,6 +109,7 @@ Page {
 
         Platform.MenuItem {
             id: reactionOption
+
             text: qsTr("React")
             onTriggered: emojiPopup.show(null, function(emoji) {
                 TimelineManager.queueReactionMessage(messageContextMenu.eventId, emoji);

resources/qml/TopBar.qml

@@ -19,7 +19,11 @@ Rectangle {
     color: colors.window
 
     TapHandler {
-        onSingleTapped: TimelineManager.timeline.openRoomSettings()
+        onSingleTapped: {
+            TimelineManager.timeline.openRoomSettings();
+            eventPoint.accepted = true;
+        }
+        gesturePolicy: TapHandler.ReleaseWithinBounds
     }
 
     GridLayout {
@@ -57,7 +61,7 @@ Rectangle {
             height: avatarSize
             url: room ? room.roomAvatarUrl.replace("mxc://", "image://MxcImage/") : ""
             displayName: room ? room.roomName : qsTr("No room selected")
-            onClicked: TimelineManager.openRoomSettings()
+            onClicked: TimelineManager.timeline.openRoomSettings()
         }
 
         Label {
@@ -69,7 +73,6 @@ Rectangle {
             text: room ? room.roomName : qsTr("No room selected")
             maximumLineCount: 1
             elide: Text.ElideRight
-
         }
 
         MatrixText {

resources/qml/delegates/FileMessage.qml

@@ -35,6 +35,7 @@ Item {
 
             TapHandler {
                 onSingleTapped: TimelineManager.timeline.saveMedia(model.data.id)
+                gesturePolicy: TapHandler.ReleaseWithinBounds
             }
 
             CursorShape {

resources/qml/delegates/ImageMessage.qml

@@ -38,7 +38,11 @@ Item {
 
         TapHandler {
             enabled: model.data.type == MtxEvent.ImageMessage && img.status == Image.Ready
-            onSingleTapped: TimelineManager.openImageOverlay(model.data.url, model.data.id)
+            onSingleTapped: {
+                TimelineManager.openImageOverlay(model.data.url, model.data.id);
+                eventPoint.accepted = true;
+            }
+            gesturePolicy: TapHandler.ReleaseWithinBounds
         }
 
         HoverHandler {

resources/qml/delegates/Reply.qml

@@ -19,6 +19,7 @@ Item {
 
     TapHandler {
         onSingleTapped: chat.positionViewAtIndex(chat.model.idToIndex(modelData.id), ListView.Contain)
+        gesturePolicy: TapHandler.ReleaseWithinBounds
     }
 
     CursorShape {
@@ -51,6 +52,7 @@ Item {
 
             TapHandler {
                 onSingleTapped: chat.model.openUserProfile(reply.modelData.userId)
+                gesturePolicy: TapHandler.ReleaseWithinBounds
             }
 
         }

resources/qml/emoji/EmojiPicker.qml

@@ -35,7 +35,6 @@ Menu {
     modal: true
     focus: true
     closePolicy: Popup.CloseOnEscape | Popup.CloseOnPressOutside
-
     height: columnView.implicitHeight + 4
 
     ColumnLayout {