From e8816310d254330b2df994fca74021a25e8c817d Mon Sep 17 00:00:00 2001
From: Carl Schwan <carl@carlschwan.eu>
Date: Wed, 28 Apr 2021 17:00:43 +0200
Subject: [PATCH] Fix buttons over message flickering

Fix #333
---
 imports/NeoChat/Page/RoomPage.qml | 18 ++++++++++++++++--
 1 file changed, 16 insertions(+), 2 deletions(-)

diff --git a/imports/NeoChat/Page/RoomPage.qml b/imports/NeoChat/Page/RoomPage.qml
index c4aed2997..2a1a5cb08 100644
--- a/imports/NeoChat/Page/RoomPage.qml
+++ b/imports/NeoChat/Page/RoomPage.qml
@@ -144,9 +144,22 @@ Kirigami.ScrollablePage {
         property bool showEdit: event && (event.author.id === Controller.activeConnection.localUserId && (event.eventType === "emote" || event.eventType === "message"))
         property var bubble
         property var hovered: bubble && bubble.hovered
+        property var visibleDelayed: (hovered || hoverHandler.hovered) && !Kirigami.Settings.isMobile
+        onVisibleDelayedChanged: if (visibleDelayed) {
+            visible = true;
+        } else {
+            // HACK: delay disapearing by 200ms, otherwise this can create some glitches
+            // See https://invent.kde.org/network/neochat/-/issues/333
+            hoverActionsTimer.restart();
+        }
+        Timer {
+            id: hoverActionsTimer
+            interval: 200
+            onTriggered: hoverActions.visible = hoverActions.visibleDelayed;
+        }
         x: bubble.x + Kirigami.Units.largeSpacing + Math.max(bubble.width - childWidth, 0)
         y: bubble.mapToItem(page, 0, -Kirigami.Units.largeSpacing - hoverActions.childHeight * 1.5).y
-        visible: (hovered || hoverHandler.hovered) && !Kirigami.Settings.isMobile
+        visible: false
 
         property var updateFunction
 
@@ -374,7 +387,8 @@ Kirigami.ScrollablePage {
                     innerObject: TextDelegate {
                         isEmote: true
                         Layout.fillWidth: true
-                        Layout.rightMargin: Kirigami.Units.largeSpacing
+  
+                       Layout.rightMargin: Kirigami.Units.largeSpacing
                         Layout.leftMargin: Kirigami.Units.largeSpacing
                         Layout.bottomMargin: Kirigami.Units.largeSpacing * 2
                         TapHandler {