Works in safari but not in Elements

ok not working as expected in Elements but fine in safari

1 Like

Nice Gallery :+1:

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!

@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

Works on mobile except I set the background wrong

https://sjwjaw.co.uk/

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

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

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

percent version just started
elementsapp://downloadDocument/wd6PwuilRcTn

Upload working now

pixel version
elementsapp://downloadDocument/D4oKODss6ZE9

1 Like

I originally built this in Tailwind Play

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

The rendering is still not working in Elements

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

more strange behaviour

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

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

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

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

1 Like

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

1 Like

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

1 Like

That’s pretty cool!

Nice work, that is looking good! :smiling_face_with_three_hearts: