Haze blur behaves strangely with rotationZ

[JooyeonSong]

Hello,

I am developing an app using the Haze library and have found a couple of issues where the blur effect behaves unexpectedly.

First, I found that if a view with hazeSource applied also has rotationZ = 45f (or similar rotation) applied via graphicsLayer, dragging a view with hazeEffect over it causes the blur processing to work awkwardly or incorrectly.

Additionally, I noticed that after dragging and moving the image with hazeSource applied, the blur processing is not applied correctly to the view with hazeEffect applied.

It might be difficult to understand the issues just from the description, so I have prepared a video. In the video, you can see a star-shaped image that has been rotated by 45 degrees (demonstrating the first issue). When I drag the 'Drag here' view over it, the blur behind it behaves strangely. The video may also help illustrate the second issue where the blur doesn't update correctly after the hazeSource view is moved.

Screen_recording_20250516_225509.mp4

Screen_recording_20250516_234158.mp4

Could you please look into this? Do you happen to know the cause of this problem, and is it possible to fix it?

Thank you for your time and consideration.

[chrisbanes]

This will be because we use the 2D layout bounds to filter out areas which do not overlap.

The rotation obviously changes the visual bounds, but not the layout bounds.

I don't think there's much we can do here other than disable the overlap detection.

I'll have a think...

Can you post the code to that sample? Will be helpful to see what you're doing specifically.

[JooyeonSong]

Thank you for the quick response and the explanation.

MyApplication12.zip

I have attached the sample code that reproduces this issue.

Thank you again for looking into this!

[chrisbanes]

Had a quick look at this today, and the good news is that Haze supports this fine. I've updated the sample in #652 for you to try.

The TL;DR is that modifier order is important.

rotation.mov

[JooyeonSong]

Oh, I see. Thank you for the explanation and the guidance on how to use it.
I will apply this to my product application.
Thank you once again for your help!