@tpbradley thanks that works great
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
Strange, that very much seems like an OS bug to me!
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
multi drop
3 Likes
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 
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
without md:hidden
elementsapp://downloadDocument/ihhbj0a3dWdF
added gallery that works no issues, other Elements havre no issues, just appears to be video when I use hidden
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
works on iPad as well, just seems to be my Mac
@dan can you check this, see if video plays in browser
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
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
using page source I can see, the code is there
<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">
remove all grid code and still does the same
ok removed dropzone still does not change
copied into tailwind play works
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
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
Looking good! Can you post an update project or url we can visit?
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
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.