# Works in safari but not in Elements

**URL:** <https://forums.realmacsoftware.com/t/works-in-safari-but-not-in-elements/46291>\
**Category:** Elements API\
**Created:** [February 16, 2025, 5:36pm UTC](https://forums.realmacsoftware.com/t/works-in-safari-but-not-in-elements/46291 "2025-02-16T17:36:16Z")\
**Posts on this page:** 20\
**Page:** 1

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [February 16, 2025, 5:36pm UTC](https://forums.realmacsoftware.com/t/works-in-safari-but-not-in-elements/46291/1 "2025-02-16T17:36:16Z")

</div>

ok not working as expected in Elements but fine in safari

---

<div class="post-metadata">

**Author:** ![Beblebroks](https://avatars.discourse-cdn.com/v4/letter/b/db5fbb/32.png) [@Beblebroks](https://forums.realmacsoftware.com/u/Beblebroks)\
**Post date:** [February 16, 2025, 5:51pm UTC](https://forums.realmacsoftware.com/t/works-in-safari-but-not-in-elements/46291/2 "2025-02-16T17:51:34Z")

</div>

Nice Gallery 👍

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [February 16, 2025, 6:37pm UTC](https://forums.realmacsoftware.com/t/works-in-safari-but-not-in-elements/46291/3 "2025-02-16T18:37:43Z")

</div>

That’s looking good!

Have you tested in on an actual phone? I think you’ll see issues there too as you’re setting the image widths in pixels and some might be bigger than the width of a mobile device… just something to watch out for!

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [February 16, 2025, 7:35pm UTC](https://forums.realmacsoftware.com/t/works-in-safari-but-not-in-elements/46291/4 "2025-02-16T19:35:05Z")

</div>

@dan they are all flex boxes shrink to fit, it works no probs in tailwind play it’s only when I use a drop zone, it works fine in Elements without the dropzone

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [February 16, 2025, 7:53pm UTC](https://forums.realmacsoftware.com/t/works-in-safari-but-not-in-elements/46291/5 "2025-02-16T19:53:08Z")

</div>

Works on mobile except I set the background wrong

[https://sjwjaw.co.uk/](https://sjwjaw.co.uk/)

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [February 16, 2025, 7:57pm UTC](https://forums.realmacsoftware.com/t/works-in-safari-but-not-in-elements/46291/6 "2025-02-16T19:57:13Z")

</div>

Feel free to share the project and we can take a look!

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [February 17, 2025, 12:41pm UTC](https://forums.realmacsoftware.com/t/works-in-safari-but-not-in-elements/46291/7 "2025-02-17T12:41:08Z")

</div>

Working with % widths and still working on image position

Still does not render in Elements as in safari

Probably something simple I missed

Cant upload project as this message appears again, rebooted map reloaded Elements, logged out new code etc still not working

> **[CleanShot 2025-02-17 at 12.39.22](https://share.cleanshot.com/ydlqgmzwkxjnmQGcx3jk)**
>
> Screenshot uploaded to CleanShot Cloud

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [February 17, 2025, 12:52pm UTC](https://forums.realmacsoftware.com/t/works-in-safari-but-not-in-elements/46291/8 "2025-02-17T12:52:41Z")

</div>

Can you try creating a new document and see if you can share that via Elements Cloud?

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [February 17, 2025, 2:22pm UTC](https://forums.realmacsoftware.com/t/works-in-safari-but-not-in-elements/46291/9 "2025-02-17T14:22:28Z")

</div>

percent version just started  
[elementsapp://downloadDocument/wd6PwuilRcTn](elementsapp://downloadDocument/wd6PwuilRcTn)

Upload working now

pixel version  
[elementsapp://downloadDocument/D4oKODss6ZE9](elementsapp://downloadDocument/D4oKODss6ZE9)

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [February 17, 2025, 2:40pm UTC](https://forums.realmacsoftware.com/t/works-in-safari-but-not-in-elements/46291/10 "2025-02-17T14:40:25Z")

</div>

I originally built this in Tailwind Play

I did have some colour changing background going on as well as a practice at the time

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [February 17, 2025, 3:15pm UTC](https://forums.realmacsoftware.com/t/works-in-safari-but-not-in-elements/46291/11 "2025-02-17T15:15:31Z")

</div>

The rendering is still not working in Elements

The uploading is working but flex does not behave in Elements as in it does safari

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [February 17, 2025, 6:50pm UTC](https://forums.realmacsoftware.com/t/works-in-safari-but-not-in-elements/46291/12 "2025-02-17T18:50:35Z")

</div>

more strange behaviour

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [February 17, 2025, 7:23pm UTC](https://forums.realmacsoftware.com/t/works-in-safari-but-not-in-elements/46291/13 "2025-02-17T19:23:00Z")

</div>

I think it has something to do with using drop zones maybe 🤔  
If I copy the outputted code and pase it into Elements, it renders fine.

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [February 17, 2025, 7:39pm UTC](https://forums.realmacsoftware.com/t/works-in-safari-but-not-in-elements/46291/14 "2025-02-17T19:39:54Z")

</div>

This last video I am using cursor pointer and active classes to create the modal works fine in safari but not in Elements, not sure how dropzones trap the code, I expected when I use the code in the dropzone it would work as outputted but it has some Elements code it gets wrapped in till output ??? as a webpage, no idea if that makes sense

I copied the output code missing some but it still works in Elements not exactly as some bits missing

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [February 18, 2025, 1:51pm UTC](https://forums.realmacsoftware.com/t/works-in-safari-but-not-in-elements/46291/15 "2025-02-18T13:51:17Z")

</div>

testing dropzones a bit more

here is the project, active classes odd behaviour as well as dropzone

I built in tailwind play and it works as it does in safari

[elementsapp://downloadDocument/xbTZTTxcLAwq](elementsapp://downloadDocument/xbTZTTxcLAwq)

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [February 18, 2025, 9:24pm UTC](https://forums.realmacsoftware.com/t/works-in-safari-but-not-in-elements/46291/16 "2025-02-18T21:24:48Z")

</div>

just to test collections probably not a use case but you can use tailwind classes, just shows some of the power of Elements

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [February 18, 2025, 9:27pm UTC](https://forums.realmacsoftware.com/t/works-in-safari-but-not-in-elements/46291/17 "2025-02-18T21:27:57Z")

</div>

That is crazy 🤩 You’re like the Mad Scientist of Elements!

---

<div class="post-metadata">

**Author:** ![upssjw](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/upssjw/32/26063_2.png) [@upssjw](https://forums.realmacsoftware.com/u/upssjw)\
**Post date:** [February 19, 2025, 11:24pm UTC](https://forums.realmacsoftware.com/t/works-in-safari-but-not-in-elements/46291/18 "2025-02-19T23:24:34Z")

</div>

ok got it working now, can now add controls and finish

---

<div class="post-metadata">

**Author:** ![trinube](https://avatars.discourse-cdn.com/v4/letter/t/df788c/32.png) [@trinube](https://forums.realmacsoftware.com/u/trinube)\
**Post date:** [February 20, 2025, 12:03am UTC](https://forums.realmacsoftware.com/t/works-in-safari-but-not-in-elements/46291/19 "2025-02-20T00:03:30Z")

</div>

That’s pretty cool!

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [February 20, 2025, 10:36am UTC](https://forums.realmacsoftware.com/t/works-in-safari-but-not-in-elements/46291/20 "2025-02-20T10:36:15Z")

</div>

Nice work, that is looking good! 🥰
