The editor needs to blur when opening the media modal

[iseulde]

On an iPhone, leaving it focussed also leaves the keyboard open.

[iseulde]

Related: #27423

[ryan]

I encounter this every day. The keyboard gets left open or decides to fly open. I am left with a tiny little view of the modal and have to waste a tap dismissing the keyboard.

[iseulde]

I've not tested this, but theoretically blurring the editor and refocussing should work.

[iseulde]

Hm, updated the patch. Should probably not assume tinymce is defined, if the media modal is supposed to work without tinymce.js loaded.

[ryan]

With .2.patch. Focus the editor. Scroll back up to add media, retaining editor focus. Tap Add Media. Keyboard remains up. The bottom of the modal is in the narrowed view port. I must dismiss the keyboard and scroll up to get a good view. I'll post screenshots of the entire flow on an iPhone 5, soon.

[ryan]

​https://cloudup.com/cOjVPOm_aWA

[ryan]

Accidentally hit the radio to mark as duplicate. Field was empty. Milestone and Status changed.

[iseulde]

Ugh. I'll take a loo at this again later... Maybe blurring the activeElement instead works.
​https://developer.mozilla.org/en-US/docs/Web/API/document.activeElement

[azaozz]

Instead of blurring the editor body, we can quickly focus and blur an input field. Works for both editors and doesn't mess with MCE's focus/bookmark.

28549.3.patch tested in iOS7.1 and Android 4.4. Instead of appending another text field, we can select the first one, usually the title, but it shouldn't be hidden for this hack to work. Worst case scenario would be that this doesn't do anything.

[azaozz]

In 29369:

Mobile: hide the onscreen keyboard when the media modal opens, fixes #28549.