Acrylic/Frameless Window on MAC does not update UI changes unless the window is resized

[msalmonw]

Describe the bug
So I have developed an App using the acrylic window and it works fine on both windows and linux. I have added a custom widget to the titlebar and some buttons on acrylic window which are transparent as well. Please look at the screenshot.

The buttons' css changes based on hover and click but the problem in Mac is if I click one button and then hover or click another button. The click/hover effect stays on the previous button which shouldnt. If I change text of any of the buttons or the text of the widget in the titlebar then both the previous text and the new text are visible. Refer to the screenshot below. If I maximize the window then the UI updates properly. By update I mean the overlayed effects etc are gone.

I tried adding a conditional statement, such that my window class inherits from FramelessWindow instead of AcrylicWindow if the OS is MacOS but that didnt help as well. I though AcrylicWindow class was causing the issue, but the issue still persists. Using FramelessWindow I still see the MacOS blur effect, is it by design? I think maybe disabling the blur effect on MacOS will resolve the issue? What do you think? Please help!

Environment
环境信息

• OS: [MacOS]
• DPI scaling: [100%]
• Python: [3.11.9 64-bit]
• PySide6: [6.6.3]