# RectLight not working in safari

**URL:** <https://discourse.threejs.org/t/rectlight-not-working-in-safari/21632>\
**Category:** Questions\
**Tags:** lights, rectarea-light, rectarealightuniformslib\
**Created:** [December 15, 2020, 8:39pm UTC](https://discourse.threejs.org/t/rectlight-not-working-in-safari/21632 "2020-12-15T20:39:56Z")\
**Posts on this page:** 11\
**Page:** 1

<div class="post-metadata">

**Author:** ![Ilija\_Marinovic](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/ilija_marinovic/32/13908_2.png) [@Ilija\_Marinovic](https://discourse.threejs.org/u/Ilija_Marinovic)\
**Post date:** [December 15, 2020, 8:39pm UTC](https://discourse.threejs.org/t/rectlight-not-working-in-safari/21632/1 "2020-12-15T20:39:56Z")

</div>

this is the only code I have for rectlights, and the import statement, when I launch the site on chrome it works, but not on safari. I dont know how to open the inspector in safari so I cant really check the console logs

```javascript
   RectAreaLightUniformsLib.init();
    var rectLight = new THREE.RectAreaLight(0xffffff, 10, 10, 1);
    rectLight.position.set(0, 7, 3.5);
    rectLight.lookAt(0, 0, 0);
    rectLight.color = new THREE.Color(0xffffff);
    var rectLight2 = new THREE.RectAreaLight(0xffffff, 10, 10, 1);
    rectLight2.position.set(0, 2, 10);
    rectLight2.lookAt(0, 0, 0);
    rectLight2.color = new THREE.Color(0xffffff);
    scene.add(rectLight);
    scene.add(rectLight2);

```

 ![131659002_806074989958205_4742301309124080463_n](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/2X/d/dda4454206a3e28bbc2fba669a22661c6885675c.jpeg) vs ![131659002_3877435045693582_4998380665596706581_n](https://canada1.discourse-cdn.com/flex035/uploads/threejs/original/2X/7/7953269d8dab2bee440b2f764163b772219a46b0.jpeg)

---

<div class="post-metadata">

**Author:** ![Mugen87](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mugen87/32/5645_2.png) [@Mugen87](https://discourse.threejs.org/u/Mugen87)\
**Post date:** [December 15, 2020, 9:06pm UTC](https://discourse.threejs.org/t/rectlight-not-working-in-safari/21632/2 "2020-12-15T21:06:09Z")

</div>

Can you please verify first whether the official area light example works with Safari or not?

> **[three.js webgl - lights - rect area light](https://threejs.org/examples/webgl_lights_rectarealight)**

---

<div class="post-metadata">

**Author:** ![Ilija\_Marinovic](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/ilija_marinovic/32/13908_2.png) [@Ilija\_Marinovic](https://discourse.threejs.org/u/Ilija_Marinovic)\
**Post date:** [December 16, 2020, 9:45am UTC](https://discourse.threejs.org/t/rectlight-not-working-in-safari/21632/3 "2020-12-16T09:45:03Z")

</div>

ohh, it doesn’t… ☹

---

<div class="post-metadata">

**Author:** ![Mugen87](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mugen87/32/5645_2.png) [@Mugen87](https://discourse.threejs.org/u/Mugen87)\
**Post date:** [December 16, 2020, 10:26am UTC](https://discourse.threejs.org/t/rectlight-not-working-in-safari/21632/4 "2020-12-16T10:26:17Z")

</div>

What version of iOS are you using?

---

<div class="post-metadata">

**Author:** ![Ilija\_Marinovic](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/ilija_marinovic/32/13908_2.png) [@Ilija\_Marinovic](https://discourse.threejs.org/u/Ilija_Marinovic)\
**Post date:** [December 16, 2020, 11:27am UTC](https://discourse.threejs.org/t/rectlight-not-working-in-safari/21632/5 "2020-12-16T11:27:17Z")

</div>

14.2, today updated to 14.3

---

<div class="post-metadata">

**Author:** ![Mugen87](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mugen87/32/5645_2.png) [@Mugen87](https://discourse.threejs.org/u/Mugen87)\
**Post date:** [December 16, 2020, 11:32am UTC](https://discourse.threejs.org/t/rectlight-not-working-in-safari/21632/6 "2020-12-16T11:32:16Z")

</div>

Seems to be a device issue. There was lately a PR that added support for iOS 14, see:

> <https://github.com/mrdoob/three.js/pull/20477>

---

<div class="post-metadata">

**Author:** ![Ilija\_Marinovic](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/ilija_marinovic/32/13908_2.png) [@Ilija\_Marinovic](https://discourse.threejs.org/u/Ilija_Marinovic)\
**Post date:** [December 16, 2020, 11:53am UTC](https://discourse.threejs.org/t/rectlight-not-working-in-safari/21632/7 "2020-12-16T11:53:34Z")

</div>

So you’re saying that if I used another Iphone with safari it would show up, or ? sorry if its a stupid question

---

<div class="post-metadata">

**Author:** ![Mugen87](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mugen87/32/5645_2.png) [@Mugen87](https://discourse.threejs.org/u/Mugen87)\
**Post date:** [December 16, 2020, 11:56am UTC](https://discourse.threejs.org/t/rectlight-not-working-in-safari/21632/8 "2020-12-16T11:56:03Z")

</div>

Yes. At least the developer of the PR could successfully use `RectAreaLight` on iOS 14 (and iOS 13).

Sorry, I have no iOS device and can’t verify the issue.

---

<div class="post-metadata">

**Author:** ![Ilija\_Marinovic](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/ilija_marinovic/32/13908_2.png) [@Ilija\_Marinovic](https://discourse.threejs.org/u/Ilija_Marinovic)\
**Post date:** [December 16, 2020, 12:07pm UTC](https://discourse.threejs.org/t/rectlight-not-working-in-safari/21632/9 "2020-12-16T12:07:15Z")

</div>

Well, we tried on 2 iphones, both have the newest iOS , or relatively so. Is there a way to make a page with rectlights so it works android/iSO reliably?

---

<div class="post-metadata">

**Author:** ![Mugen87](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/mugen87/32/5645_2.png) [@Mugen87](https://discourse.threejs.org/u/Mugen87)\
**Post date:** [December 16, 2020, 12:11pm UTC](https://discourse.threejs.org/t/rectlight-not-working-in-safari/21632/10 "2020-12-16T12:11:23Z")

</div>

Area lights relying on (half) floating point textures which might be broken on your device/browser. If those are not working correctly, you have to use other lights.

---

<div class="post-metadata">

**Author:** ![Ilija\_Marinovic](https://yyz1.discourse-cdn.com/flex035/user_avatar/discourse.threejs.org/ilija_marinovic/32/13908_2.png) [@Ilija\_Marinovic](https://discourse.threejs.org/u/Ilija_Marinovic)\
**Post date:** [December 16, 2020, 5:01pm UTC](https://discourse.threejs.org/t/rectlight-not-working-in-safari/21632/11 "2020-12-16T17:01:56Z")

</div>

well, its working when I load it in chrome on the same phone, so it’s something to do with safari ☹