Ipad - wp_editor 'add media' is out of view when used on front-end

[anointed]

To reproduce:

1. add wp_editor() to the front end of a website page that is very long. Place the editor on the bottom of the page.
2. Click the 'add media' button

Now you will notice that you can't see the add media lightbox unless you scroll all the way to the top of the page.

*another thing I noticed on the ipad is that when clicking the add-media button, that the screen does not darken like it does on the regular computer. This leads to even more confusion as you have no idea that there is now a lightbox up top out of view.

[anointed]

checked the 3.3beta2 and the problem still exists on the ipad.

[azaozz]

Sounds like another thickbox problem/conflict. Does that happen with any theme or just some themes?

[trepmal]

Not as issue on my used-to-be-P2 theme (using 3.3-beta3-19254). Lightbox stays fixed/visible anywhere I scroll, whether the editor is placed at the bottom or top of a long page.

Though the multi-file uploader still offers the the "Drop files here" and "Select Files" options on ipad, neither of which are usable. Should I create a new ticket for that?

[azaozz]

In [19335]:

Don't show the uploader on iPads (it's pointless), fixes #19004

[azaozz]

Seems the thickbox bug appears only on some themes. If we can pinpoint what css causes it, probably can override/reset it.

[WraithKenny]

The css fixed positioning has been an issue with iOS Safari, but that should be cleaned up in the later versions, but apparently only when the proper configuration of <meta name="viewport" content="width=device-width, user-scalable=no"> or some such (this would explain why some themes work but not others). Could also affect Android, see: ​http://caniuse.com/#search=fixed

[anointed]

@azaozz
Is the fix your posting by not showing the media uploader on ipads one that only disables the uploader?

While it is correct that I cannot download images from my ipad, I would obviously still need the ability to activate the media uploader so that I can select the library browser in order to insert images into a post.

[azaozz]

Replying to WraithKenny:

Uh, I hate user-scalable=no, probably one of the coolest things on small screens is the ability to enlarge something. Seems we will have to keep it if it fixes position:fixed though.

@anointed of course, the media library works. Have a look there :)

[WraithKenny]

I'm testing on trunk with the iPhone/iPad simulator, and zoom/scaling seems to not work anyway... is it disabled with media queries?