fix(Chat): disable HoverHandler when profile popup or context menu are open

Alright, this is an interesting one:

As described in #1829, when the profile popup is opened within the chat view,
users are still able to click *through* the popup on message, which then puts them in
an active state.

I've done a bunch of debugging as described [here](https://github.com/status-im/status-desktop/issues/1829#issuecomment-804748148) and after doing some
further debugging, I found out that `isMessageActive` isn't really the culprit here.

What causes this effect is the `HoverHandler` that's attached to the `CompactMessage` item.
`HoverHandler` is a standard QML type that emits `hoverChanged` signals so one can do things like
applying hover effects on elements, which is exactly what we do:

```
HoverHandler {
  onHoverChanged: {
    root.isHovered = hovered  // `root` being the message item
  }
}
```

I assume we went with this handler because putting a `MouseArea` in there instead, which fills
the entire message component pretty much eliminates all existing mouse handlers attached to
other child components, such as the profile image or the username of the message, which also
open a message context menu.

It turns out that, having a `HoverHandler` as described above, actually activates it when the
user clicks with the left mouse button as well (not just on hover). That's what causes the "click-through"
effect. This can be verified by setting `acceptedButtons` to `Qt.RightButton`, basically telling
the handler that only right clicks will activate it.

I then tried using `Qt.NoButtons` instead so that no button clicks and only hovers will activate
the handler, but that didn't seem to have any effect at all. It still defaults to `Qt.LeftButton`.

So the last resort was to disable the `HoverHandler` altogether, whenever either the profile popup,
or the message context menu (for emojis etc) is open.

Unfortunately, we don't have access to the profile popup in the compact message component, because it's
detached from the component tree. Therefore, I've introduced a new property `profilePopupOpened` on
the chat layout, which we can read from instead.

Fixes #1829
This commit is contained in:
Pascal Precht 2021-03-23 10:44:56 +01:00 committed by Iuri Matias
parent a030a4fadc
commit e1a4a47636
2 changed files with 4 additions and 0 deletions

View File

@ -238,6 +238,7 @@ Item {
} }
HoverHandler { HoverHandler {
enabled: !messageContextMenu.opened && !profilePopupOpened
onHoveredChanged: { onHoveredChanged: {
root.isHovered = hovered; root.isHovered = hovered;
} }

View File

@ -13,6 +13,7 @@ SplitView {
property alias chatColumn: chatColumn property alias chatColumn: chatColumn
property bool stickersLoaded: false property bool stickersLoaded: false
property bool profilePopupOpened: false
Connections { Connections {
target: chatsModel.stickers target: chatsModel.stickers
@ -109,6 +110,7 @@ SplitView {
popup.parentPopup = parentPopup; popup.parentPopup = parentPopup;
} }
popup.openPopup(profileModel.profile.pubKey !== fromAuthorParam, userNameParam, fromAuthorParam, identiconParam, textParam, nicknameParam); popup.openPopup(profileModel.profile.pubKey !== fromAuthorParam, userNameParam, fromAuthorParam, identiconParam, textParam, nicknameParam);
profilePopupOpened = true
} }
property Component profilePopupComponent: ProfilePopup { property Component profilePopupComponent: ProfilePopup {
@ -118,6 +120,7 @@ SplitView {
if(profilePopup.parentPopup){ if(profilePopup.parentPopup){
profilePopup.parentPopup.close(); profilePopup.parentPopup.close();
} }
profilePopupOpened = false
destroy() destroy()
} }
} }