# Weird Dotted / Pixel Grid Issue on iPhone 17 Pro Max (Safari) – R3F / Three.js

**URL:** <https://discourse.threejs.org/t/weird-dotted-pixel-grid-issue-on-iphone-17-pro-max-safari-r3f-three-js/89164>\
**Category:** Questions\
**Tags:** r3f, optimization\
**Created:** [January 16, 2026, 6:45am UTC](https://discourse.threejs.org/t/weird-dotted-pixel-grid-issue-on-iphone-17-pro-max-safari-r3f-three-js/89164 "2026-01-16T06:45:03Z")\
**Posts on this page:** 1\
**Page:** 1

<div class="post-metadata">

**Author:** ![beanladder](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/beanladder/32/66228_2.png) [@beanladder](https://discourse.threejs.org/u/beanladder)\
**Post date:** [January 16, 2026, 6:45am UTC](https://discourse.threejs.org/t/weird-dotted-pixel-grid-issue-on-iphone-17-pro-max-safari-r3f-three-js/89164/1 "2026-01-16T06:45:03Z")

</div>

We’re building a **story-driven 3D experience** with **React Three Fiber** (Three.js underneath), made up of multiple cinematic shots.

To keep things smooth and consistent, especially on mobile, we lock our visuals once a scene starts. We do a one-time optimization before playback (resolution, etc.) and then leave it alone while the shot plays. This works fine on desktop, Android, and older iPhones.

On **iPhone 17 Pro Max (Safari)** though, we are seeing a **really strange dotted / pixel-grid pattern** across the whole render.

 ![Screenshot 2026-01-16 110906](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/3X/a/0/a0780722589d3eb56f20ead06f23d5437c258b9b.jpeg)

### What it looks like

- Solid ~60 FPS

- No shader errors

- The dots don’t move or flicker

- Feels like some kind of **fixed sampling / pixel grid** , not noise or z-fighting

### Setup

- React Three Fiber + Three.js

- No runtime resolution changes

### Why this is confusing

Same code, same assets, same shaders but this only happens on **this one device + Safari**. We’re not even sure if it’s a Resolution thing or something deeper, like:

- Safari WebGL quirks

- Metal doing something “helpful”

- Canvas scaling / compositing weirdness

Has anyone seen:

- Similar **grid / dotted artifacts on iOS Safari**?

- Strange behavior on newer iPhones?

- Any known Safari + WebGL gotchas like this?

Any leads would be super appreciated !!