# Trying to streamline using drop zones

**URL:** <https://forums.realmacsoftware.com/t/trying-to-streamline-using-drop-zones/45598>\
**Category:** Elements API\
**Created:** [December 12, 2024, 8:56pm UTC](https://forums.realmacsoftware.com/t/trying-to-streamline-using-drop-zones/45598 "2024-12-12T20:56:57Z")\
**Posts on this page:** 20\
**Page:** 3

<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:** [January 3, 2025, 12:48pm UTC](https://forums.realmacsoftware.com/t/trying-to-streamline-using-drop-zones/45598/43 "2025-01-03T12:48:39Z")

</div>

@tpbradley thanks that works great

---

<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:** [January 3, 2025, 3:36pm UTC](https://forums.realmacsoftware.com/t/trying-to-streamline-using-drop-zones/45598/44 "2025-01-03T15:36:33Z")

</div>

Ok probably I have done something wrong but when trying to make Elements video full screen inside my component it opens the 2xl page, it does open in screen in screen, when I open the video just in the page it works ok

See below

---

<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:** [January 3, 2025, 4:49pm UTC](https://forums.realmacsoftware.com/t/trying-to-streamline-using-drop-zones/45598/45 "2025-01-03T16:49:13Z")

</div>

Strange, that very much seems like an OS bug to me!

---

<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:** [January 4, 2025, 4:55pm UTC](https://forums.realmacsoftware.com/t/trying-to-streamline-using-drop-zones/45598/46 "2025-01-04T16:55:59Z")

</div>

ok turned into Elements pack , for practicestill have two issues video when clicking full screen control jumps to one of the web page, last one and as you can see the dropzone fill the grids, if I drop a blank component in can see my grid

but starting to get there scrappy demo, but

---

<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:** [January 4, 2025, 5:15pm UTC](https://forums.realmacsoftware.com/t/trying-to-streamline-using-drop-zones/45598/47 "2025-01-04T17:15:28Z")

</div>

multi drop

---

<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:** [January 4, 2025, 5:23pm UTC](https://forums.realmacsoftware.com/t/trying-to-streamline-using-drop-zones/45598/48 "2025-01-04T17:23:45Z")

</div>

I’m not sure if anyone else is watching your videos (yet), but what you’re doing is really, really cool 🤯

I think other Element users are really going to love using what you’re building here.

Keep going 💪

---

<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:** [January 5, 2025, 10:37am UTC](https://forums.realmacsoftware.com/t/trying-to-streamline-using-drop-zones/45598/49 "2025-01-05T10:37:32Z")

</div>

issue with video not playing full screen but jumping to webpage

Went back to basic grid no properties just one drop zone works fine until I add

with d:hidden  
[elementsapp://downloadDocument/Q4W0zTEUNZTq](elementsapp://downloadDocument/Q4W0zTEUNZTq)

without md:hidden  
[elementsapp://downloadDocument/ihhbj0a3dWdF](elementsapp://downloadDocument/ihhbj0a3dWdF)

---

<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:** [January 5, 2025, 1:37pm UTC](https://forums.realmacsoftware.com/t/trying-to-streamline-using-drop-zones/45598/50 "2025-01-05T13:37:42Z")

</div>

added gallery that works no issues, other Elements havre no issues, just appears to be video when I use hidden

---

<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:** [January 5, 2025, 2:09pm UTC](https://forums.realmacsoftware.com/t/trying-to-streamline-using-drop-zones/45598/51 "2025-01-05T14:09:03Z")

</div>

I published this page to my website, still doesn’t work on this Mac, but works on my iPhone 14, the video plays full screen

---

<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:** [January 5, 2025, 2:13pm UTC](https://forums.realmacsoftware.com/t/trying-to-streamline-using-drop-zones/45598/52 "2025-01-05T14:13:50Z")

</div>

works on iPad as well, just seems to be my Mac

@dan can you check this, see if video plays in browser

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

---

<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:** [January 5, 2025, 2:41pm UTC](https://forums.realmacsoftware.com/t/trying-to-streamline-using-drop-zones/45598/53 "2025-01-05T14:41:14Z")

</div>

ok further checking, does not work on my 2015 Mac, nor does it work in internet explorer on my windows laptop

full screen video only seems to work on iPhone and iPad

also works on andriod tablet, seems only desktop resizable browsers not working

on fixed screens md:hidden lg:hidden works not on desktop

fixed my other issues needing a blank, just the grid was smaller than the dropzone, made it slightly bigger at start and starts full opacity, no need for blank

---

<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:** [January 6, 2025, 9:40am UTC](https://forums.realmacsoftware.com/t/trying-to-streamline-using-drop-zones/45598/54 "2025-01-06T09:40:58Z")

</div>

When I do not select the last 2 screen sizes in the theme studio the tailwind code does not work for those screen sizes even though they are there in the code , if I select the last the 2 screen sizes in the theme studio then the tailwind code works see video, is this supposed to work like this

---

<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:** [January 6, 2025, 9:45am UTC](https://forums.realmacsoftware.com/t/trying-to-streamline-using-drop-zones/45598/55 "2025-01-06T09:45:39Z")

</div>

using page source I can see, the code is there

```auto
 <div class="mx-auto grid grid-cols-12 grid-rows-12 h-[350px] w-[350px] md:h-[500px] md:w-[500px] lg:h-[800px] lg:w-[800px] bg-red-200 xl:bg-yellow-300"> 
    <div class="place-content-center col-start-2 row-start-2 col-span-6 row-span-5 bg-blue-200 border-2 xl:hidden">

```

---

<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:** [January 6, 2025, 9:52am UTC](https://forums.realmacsoftware.com/t/trying-to-streamline-using-drop-zones/45598/56 "2025-01-06T09:52:00Z")

</div>

remove all grid code and still does the same

---

<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:** [January 6, 2025, 10:00am UTC](https://forums.realmacsoftware.com/t/trying-to-streamline-using-drop-zones/45598/57 "2025-01-06T10:00:42Z")

</div>

ok removed dropzone still does not change

copied into tailwind play works

---

<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:** [January 6, 2025, 1:20pm UTC](https://forums.realmacsoftware.com/t/trying-to-streamline-using-drop-zones/45598/58 "2025-01-06T13:20:48Z")

</div>

ok which ever screens are set in the theme editor they are the only screens which show in browser ignoring any other in the template? tried with various settings, can see why this would be required

---

<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:** [January 6, 2025, 1:25pm UTC](https://forums.realmacsoftware.com/t/trying-to-streamline-using-drop-zones/45598/59 "2025-01-06T13:25:39Z")

</div>

Ok just the video not playing full screen issues now, is this an issue with Elements or my issue, as it does not work in any desktop browser for me only works on mobiles and tablets for me

---

<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:** [January 6, 2025, 2:56pm UTC](https://forums.realmacsoftware.com/t/trying-to-streamline-using-drop-zones/45598/60 "2025-01-06T14:56:39Z")

</div>

Looking good! Can you post an update project or url we can visit?

---

<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:** [January 6, 2025, 3:09pm UTC](https://forums.realmacsoftware.com/t/trying-to-streamline-using-drop-zones/45598/61 "2025-01-06T15:09:03Z")

</div>

[https://sjwjaw.co.uk/gfh/index.html](https://sjwjaw.co.uk/gfh/index.html)

Cut down version just check video full screen on desktop and mobile/ipad

Right click opens video in in window etc but not enter full screen

---

<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:** [January 6, 2025, 3:19pm UTC](https://forums.realmacsoftware.com/t/trying-to-streamline-using-drop-zones/45598/62 "2025-01-06T15:19:04Z")

</div>

The video doesn’t play in full-screen on my desktop browser (safari on Mac), as the website shows just a black square at the 2xl size.

[Previous page](https://forums.realmacsoftware.com/t/trying-to-streamline-using-drop-zones/45598.md?page=2)

[Next page](https://forums.realmacsoftware.com/t/trying-to-streamline-using-drop-zones/45598.md?page=4)