Editor, Media: Inline image toolbar obscured by selection, copy edit toolbar, iOS

Taping an image to bring up the inline toolbar results in a selection box around the image and the cut-copy-paste toolbar popping up. Depending on where you tap, the image toolbar can be unusably obscured. Tapping through to the buttons doesn’t always work. Editing posts that contain images is very frustrating on iOSiOS The operating system used on iPhones and iPads. devices. I often accidentally insert individual images into posts instead of galleries thanks to the media modal defaulting to individual insertion. Removing twenty images from content while dealing with the inline image bar is joyless.

Contrast with Android, which is well behaved.

 

#android, #editor, #images, #inline-image-toolbar, #inline-toolbar, #ios, #media, #phablet, #phone

Editor, Media, iOS app: Can’t delete images with backspace

These screenshots show an attempt at deleting an inserted screenshot from content via backspace. A screencast would demonstrate this better, but here’s a captioned gallery.

This happens more often than not.

Version: Current iOSiOS The operating system used on iPhones and iPads. betaBeta A pre-release of software that is given out to a large group of users to trial under real conditions. Beta versions have gone through alpha testing in-house and are generally fairly close in look, feel and function to the final product; however, design changes often occur as part of the process..

#app, #editor, #images, #ios, #media, #phablet, #visual-bug-report

Editor, Media, iOS app: Can’t cancel stuck video uploads, iPhone 6+

Video uploads often get stuck. This gallery shows a session where I could not cancel a stuck upload.

#app, #editor, #ios, #media, #phablet, #video

Media, iOS app: Video overlays during image selection

I’ve noticed that I have trouble spotting videos when scanning through the media grid during selection. Videos are denoted only with run time.

IMG_5823

WP iOSiOS The operating system used on iPhones and iPads. app has no icon overlay, only runtime.

Contrast with the standard ios media picker, which overlays an icon in addition to runtime.

IMG_5824

The ios media picker has a video icon overlay

Google Photos has a play icon.

google-photos-media

Google Photos has a play icon overlay

#app, #editor, #ios, #media, #media-selection, #phablet, #video

Editor, Video: iOS app video upload session, iPhone 6+

I made several attempts to upload a video and had to bail to desktop to finish my post. The journey begins with an attempt to upload a 61 second video to a wordpress.comWordPress.com An online implementation of WordPress code that lets you immediately access a new WordPress environment to publish your content. WordPress.com is a private company owned by Automattic that hosts the largest multisite in the world. This is arguably the best place to start blogging if you have never touched WordPress before. https://wordpress.com/ hosted site.

IMG_4789

The upload fails. I’m somewhat near the edge of my wifi range, so I move closer in and tap the retry overlay.

IMG_4790

I tap retry upload and wait for the upload to complete. It also fails. So, I tap retry upload again and lock the phone because I have other stuff to do.

I come back later to this screen.

IMG_4791

I backspace over that placeholder image and retry the upload once again. This time the upload hangs. I watch it for about ten minutes and then tap “Uploading…”. This dialog pops up.

IMG_4792

Tapping Yes does not cancel the download. After a few more cancel attempts, I restart the app and come back to what looks like an uploaded, playable video. Playback stops one second in, however.

IMG_4793

I was unable to backspace over that video, so I quite my edit session, deleted the draft, and published the video from a desktop.

#app, #editor, #ios, #media, #media-flow, #phablet, #upload, #user-narrative, #video

Editor: Trying to upload a video, iPhone 6+, Macnchrome

My journey starts in Press This on a wordpress.comWordPress.com An online implementation of WordPress code that lets you immediately access a new WordPress environment to publish your content. WordPress.com is a private company owned by Automattic that hosts the largest multisite in the world. This is arguably the best place to start blogging if you have never touched WordPress before. https://wordpress.com/ site. I want to upload an image and a video. I upload both seemingly successfully, but only the image inserts. I go back into the media modal, and see this…

Notice also that the progress indicator is stuck and that scroll bleedScroll bleed Sometimes when scrolling a modal such as the media modal on touch devices, the scrolling bleeds through to the page beneath the modal. Instead of scrolling the modal, the page beneath scrolls. Sometimes the scrolling nests and sometimes the page beneath grabs scrolling all for itself. Android doesn't usually have this problem, but iOS triggers it often.https://make.wordpress.org/test/tag/scroll-bleed/ is evident.

Maybe this is a wordpress.com specific problem. Let’s try a self-hosted site on Bluehost.

That’s a different error than on wordpress.com, but the effect is the same. I can’t insert a video.

Maybe this is an iOSiOS The operating system used on iPhones and iPads. problem. Next, let’s try desktop with Macos and Chrome.

Broken on desktop too.

Broken on desktop too.

Video insertion is broken on Macnchrome as well. The video does upload correctly. I can download it from this link and play it back.

Attachment page showing link to video.

Attachment page showing link to video.

WordPress* mobile web failure.

#chrome, #desktop, #editor, #ios, #macos, #media, #phablet, #video

Media, Featured Images: Setting the featured image on an old post, Macnchrome

This thread discusses featured imageFeatured image A featured image is the main image used on your blog archive page and is pulled when the post or page is shared on social media. The image can be used to display in widget areas on your site or in a summary list of posts. flowFlow Flow is the path of screens and interactions taken to accomplish a task. It’s an experience vector. Flow is also a feeling. It’s being unselfconscious and in the zone. Flow is what happens when difficulties are removed and you are freed to pursue an activity without forming intentions. You just do it.

Flow is the actual user experience, in many ways. If you like, you can think of flow as a really comprehensive set of user stories. When you think about user flow, you’re thinking about exactly how a user will perform the tasks allowed by your product.Flow and Context
through the media modal. There are some requests that the filterFilter Filters are one of the two types of Hooks https://codex.wordpress.org/Plugin_API/Hooks. They provide a way for functions to modify data of other functions. They are the counterpart to Actions. Unlike Actions, filters are meant to work in an isolated manner, and should never have side effects such as affecting global variables and output. in the media modal remember the “uploaded to this post” filter setting independently for the featured image flow. Here’s an attempt at capturing this flow.

“Uploaded to this post” requires that the image be attached to a post. Images uploaded through the media modal from the editor are attached to the post, but images uploaded directly to the media library are not attached and don’t get attached later when added to a post. We could use APIAPI An API or Application Programming Interface is a software intermediary that allows programs to interact with each other and share data in limited, clearly defined ways. for pulling images out of post content, like we do with some other media types.

 

#23041, #23205, #32622, #33773, #chrome, #desktop, #featured-images, #macos, #media

Media, Editor: Image captions containing <— are truncated, Macnchrome

With 4.3-beta4-33463.

#4-3, #beta, #captions, #chrome, #editor, #macos, #media, #needs-ticket, #visual-bug-report, #web

Changing site icon, 4.3-beta1-33054, iPhone 6+

Cropping is broken. For #16434.

Macnchrome too.

Screen Shot 2015-07-02 at 6.05.13 PM

#16434, #4-3, #beta, #chrome, #ios, #macos, #media, #modal, #options, #phablet, #settings, #site-icons, #web

A visual survey of list tables with 32395.5.diff, iPhone 6+

Testing #32395.

  • Media lib shows some span markup
  • Sometimes expand/collapse is a little slow, ending up in double taps.
  • The tap target seems a good size. Very thumb tappable.
  • Plugins doesn’t disclose any additional info.

#32395, #4-3, #beta, #comments, #ios, #list-tables, #media, #pages, #phablet, #plugins, #posts, #users, #visual-survey, #web