search

PLGuerraDesigns / portfolio

Portfolio website powered by Flutter
https://plguerradesigns.github.io/portfolio/
1 stars 0 forks source link

Tilt Handler Improper Shadow Rendering #37

Closed PLGuerraDesigns closed 3 months ago

PLGuerraDesigns commented 3 months ago

I added a new tilt feature to make the user experience more dynamic. However, a rendering issue is occurring solely on iOS devices.

The following demonstrates the desired behavior rendered in Chrome on macOS.

https://github.com/user-attachments/assets/c850ed2b-903e-4850-9335-68347fa0b37a

The video above demonstrates that the shadows behind the floating thumbnails are rendered correctly.

This is how it looks on iOS.

https://github.com/user-attachments/assets/3da42a6a-369a-4d9d-ad63-f4786b5e7cd2

The shadow effect is not rendered properly, and the image appears duplicated. Secondly, the shimmer effect is also not being rendered.

This issue does not occur on Android.

It appears that the BlendMode is not rendering correctly.

PLGuerraDesigns commented 3 months ago

I decided to disable this feature on mobile because it interferes with swipe scrolling behavior.