QML Rectangle configuration guide to mouse events after changing opacity dynamically in Qt 6.5
I've been struggling with this for a few days now and could really use some help. I'm working with an scenario where a QML Rectangle becomes unresponsive to mouse events after I change its opacity dynamically. Initially, the Rectangle is correctly set to handle mouse clicks and hover events, but once I set its opacity to a value lower than 1, it seems to lose focus on mouse interactions. I’ve tried setting the `mouseEnabled` property to `true`, but it doesn’t seem to help. Here’s a simplified version of my QML code: ```qml import QtQuick 2.15 import QtQuick.Controls 2.15 ApplicationWindow { visible: true width: 400 height: 400 Rectangle { id: myRectangle width: 200 height: 200 color: 'blue' mouseEnabled: true MouseArea { anchors.fill: parent onClicked: { console.log('Rectangle clicked!') } } Component.onCompleted: { // Dynamically change opacity after a delay Qt.callLater(function() { myRectangle.opacity = 0.5; }); } } } ``` After the opacity change, clicking on the Rectangle no longer triggers the `onClicked` signal. I also checked with a simple debug log in the MouseArea, which confirms that the click event is not being registered anymore. The Rectangle is still visible, and there are no overlapping items that could be intercepting the mouse events. I’ve tried testing it with different opacity values and re-enabling mouse events without success. Is there any known scenario with mouse event handling related to opacity changes in Qt 6.5? Any suggestions on how to resolve this would be appreciated! For context: I'm using Qml on macOS. What's the best practice here?