GlowEffect not rendering correctly on iPhones

[Leon-Achteresch]

Hello!

I've been using the GlowEffect component in my project and have encountered an issue where the effect doesn't render as expected on iPhones. It works perfectly fine on desktop browsers and Android devices, but on iPhones (tested on various models and iOS versions), the glow effect is either not visible at all or very faint.

Steps to Reproduce:

1. Integrate the GlowEffect component into a React application.
2. Run the application on an iPhone (both in the Safari browser and in a native app with WebViews).
3. Observe that the glow effect is not rendering as expected.

Expected Behavior:

The glow effect should be as visible and appealing on iPhones as it is on desktop browsers and Android devices.

Actual Behavior:

On iPhones, the glow effect is either not visible at all or very faint.

Possible Causes (based on my troubleshooting):

• Performance issues on iPhones: The glow effect might be too computationally intensive for iPhones, causing it to be disabled or reduced.
• Browser compatibility issues with Safari/WebKit: There might be specific issues with how CSS filters or animations are rendered in Safari/WebKit on iPhones.
• Issues with transparency and blending modes: iOS and Safari might have problems with transparency and blending modes in combination with CSS filters.
• Scaling and resolution: On iPhones with high pixel density, the blur effect might be less pronounced because it's spread over more pixels.
• motion Library and iOS: There might be a specific issue with the motion Library in combination with iOS.

I would be very grateful if you could take a look at this issue. Let me know if you need any further information or testing.

Thank you in advance!

[ibelick]

Hey @Leon-Achteresch, on which iPhone models are you experiencing this issue, and which browsers are you testing with?