Ryan Boren 7:24 pm on June 13, 2015
Tags: editor ( 30 ), media ( 30 ), modal ( 14 ), toolbar ( 12 ), touch, web

The Top 5 Impediments to Flow on Touch Devices

Behold, a listicle.

The media modal has a number of issues on touch devices, particularly phones, including the use of tabs and sidebars. For details see The Media Modal and Sidebars on Phones.

#30154 – Improve Media Modal UI at small-screen sizes

2. The Editor

Update: #31247, Scrolling and zooming is frustrating on iOSiOS The operating system used on iPhones and iPads., was fixed on July 1st of 2015.

Scroll up to add media. Scroll down to preview, save, publish. Up and down. Up and down. Press This addressed this with its redesign in 4.2. Lessons learned there could be applied to post-new.php.

The Location of Add Media on Phones

#29989 – Hide Media Buttons on small screens

Fixed: The editor has a very annoying scrolling problem on iOS. Fixing that would go a long way toward improving usability on iOS devices.

#31247 -Scrolling and zooming is frustrating on iOS

Update: This was fixed on July 3rd of 2015.

I like the toolbar on phones better than on desktop, except for the lingering desktop biasDesktop bias Patterns and interfaces that work in desktop interfaces don't always work on mobile. UI elements triggered by mouse hover, opening in new windows, dragging into bookmarks bars, drag-and-drop, and auto-focusing search input fields are examples of desktop bias.https://make.wordpress.org/test/tag/desktop-bias/ that defies touch expectations when tapping menu icons. In the image above, tapping the dashboard icon traverses a link to the dashboard instead of dismissing the menu.

#29906 – Submenus can’t be dismissed on mobile.

4. Submenus in the toolbar and admin menu

Submenus are awkward on touch devices. The expectation on touch is that tapping a menu item takes you to the tapped thing and closes the menu. With WP, tapping in the admin menu subtly opens a submenu. The menu remains open. I often don’t notice the submenu open because I’ve already shifted my gaze to look at the right side of the screen. Losing submenus would benefit touch navigation. Further, losing them on desktop (like 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/ does) reduces the overwhelming feeling new user experience when first confronting wp-admin. This is something I’d like to experiment with in a feature pluginFeature Plugin A plugin that was created with the intention of eventually being proposed for inclusion in WordPress Core. See Features as Plugins..

Site Switching on the Make Network

5. Column truncation

Update: This was fixed on July 9th of 2015.

Our current strategy for dealing with list tables on narrow screens is to just chop off columns. Not good.

#32395 – Truncation is not a good strategy for responsive list tables

#29991 – Comment action links are quite cramped on small screens

#29995 – Username is cut off on the user list table on small screens

#editor, #media, #modal, #toolbar, #touch, #web

Ryan Boren 4:01 pm on June 13, 2015
Tags: admin-menus, iOS ( 64 ), multisite ( 7 ), phablet ( 50 ), tooolbar, web

Site switching on the make network, iPhone 6+

Task: Starting on make/coreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress., navigate to the posts page in the admin of make/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

: Start on the front page of make/core. Tap the key icon.

: Instead of opening the sites menu, the posting textarea is focused. Make p2s do this. Tap Done to dismiss keyboard.

: Swipe back up to the top of the page.

: Tap the key icon again.

: Scroll down to Make Flow

: Tap Make Flow

: Submenu expands. There’s not a direct link to Posts, so tap Dashboard.

: Tap the hamburger icon.

: Tap Posts.

: Submenu expands. Tap All Posts

: Destination reached.

Setting aside the taps burned by the p2 bug, that’s 6 taps to reach the destination. Expanding submenus burns two taps. Submenus are awkward on touch devices. The expectation on touch is that tapping a menu item takes you to the tapped thing and closes the menu. With WP, tapping in the admin menu subtly opens a submenu. The menu remains open. I often don’t notice the submenu open because I’ve already shifted my gaze to look at the right side of the screen. Losing submenus would benefit touch navigation. Further, losing them on desktop (like 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/ does) reduces the overwhelming feeling new user experience when first confronting wp-admin. This is something I’d like to experiment with in a feature pluginFeature Plugin A plugin that was created with the intention of eventually being proposed for inclusion in WordPress Core. See Features as Plugins..

Our toolbar menus need attention across all devices. The lack of Posts means extra taps for an important flow. Our toolbar interactions also suffer from an expectation defying menu dismissal bug.

#admin-menus, #ios, #multisite, #phablet, #tooolbar, #web

Brandon Kraft 3:15 pm on June 9, 2015
Tags: android ( 15 ), multisite ( 7 ), network admin ( 3 ), nexus 6, web

Network Admin, Nexus 6

Upgrading Themes, PluginPlugin A plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. These can be free in the WordPress.org Plugin Directory https://wordpress.org/plugins/ or can be cost-based plugin from a third-party, CoreCore Core is the set of software required to run WordPress. The Core Development Team builds WordPress., and Upgrade Network

: Selecting the Updates Area

: Themes to update

: Theme updates in progress

: Plugins to update

: Updates in progress

: Update core

: Core update in progress

: About Page

: Broken Video 🙁

: Upgrade Network

: In progress

: All done.

Adding a new site and editing the new site’s domain

: Let’s add a new site

: Adding the site

: All done

: I picked the wrong name!

: Editing the domain

: Saving

Adding a completely new user and adding an existing user

: One is a lonely number

: Adding a friend

: Scroll down to finish

: Two is better than one

: Adding an existing friend

: Suggested friend

: Three indeed.

Adding a theme, network activating. Adding a theme, then enabling and activating for a single site (ignore the php notice, unrelated. TODO: fresh screenshot of that step)

: Today is a good day to add a new theme from w.org repo

: I choose this theme. I’m waiting for the preview on the right to load.

: It seemed to have loaded. But pointless.

: Let’s install anyhow and network enable.

: Joy!

: I want a new theme. Preview again pointless

: Installed, not network activating

: Choose the menu

: Visit the sites navigation menuNavigation Menu A theme feature introduced with Version 3.0. WordPress includes an easy to use mechanism for giving various control options to get users to click from one place to another on a site.

: Find the site I need and click edit

: Sigh. Click themes.

: Awesome. 56 themes, need to search

: Searching..

: Got it! Enabled for that site

: Now, let’s find that site

: And click to go to the dash

: On the dash! Let’s go to themes

: …

: Almost there

: Searching for it

: Let’s do this

: Finally done!

Add a new plugin

: Let’s add a new plugin

: From the .org repo

: Press This Extended is apparently a very nice plugin from a solid author 😉

: Network Activate!

: Activated.

: One site really needs some Hello Dolly

: Need to bump the download stats 😉

: Easier than a theme…

: On the single site dash

: Finding the plugins menu

: Whoa nelly. That’s not pretty!

: Yikes.

: My friend.

: This needs some love.

: All done.

Bonus: Registering a new user and a new user/site from the front-end

: Enabling front-end fun

Bonus: Various site maintenance tasks. Archiving, spamming, deleting, etc

Lastly, https network admin doesn’t create http sites. I can see this being okay/expected since having https://example.com doesn’t mean you’ll have a wildcard for the subdomains. Is there a filter/option/etc to indicate that you do?

#android, #multisite, #network-admin, #nexus-6, #web

Ryan Boren 8:59 pm on May 31, 2015
Tags: forked-flow ( 3 ), iOS ( 64 ), new-tab-window ( 3 ), open-in-new-window, phablet ( 50 ), press this ( 9 ), preview ( 6 ), safari ( 8 ), vizrec ( 3 ), web

Press This a YouTube video, iPhone 6+

Issues:

Tapping Preview often results in the editor focusing and the keyboard flying up rather than preview. Pressing a youtube video and tapping into the editor before previewing is the most reliable way I’ve found to reproduce this.
Preview opens in a new window. This is really bad mobile usability that is shared by post-new.php.
The publish bar does not persistently remain on the screen. Sometimes it ends up at the end of the big chunk of whitespace that iOSiOS The operating system used on iPhones and iPads. puts below the editor. A lot of scrolling is required to reach it. This seems to happen in association with the preview bug mentioned above.

: Start in the youtube app. Tap share

: Tap Copy Link

: Success. Tap Home button to go to home screen.

: Tap icon for easyskank.in Press This

: Tap into the url scan input

: Tap and hold in the input to paste the url copied from the youtube app.

: Tap Scan

: Wait for it.

: Tap play to see if this is a live embed view.

: Not playable. Tapping into the editor brings up the keyboard. Tap Done. Next, try tapping Preview. Preview is very hard to tap. Most taps cause the editor to fly up and the keyboard to focus. I see this all the time with YouTube videos, especially after tapping into the editor. After several taps I finally get preview to work.

: Preview is opened in a new window. post-new.php does this too and I consider it really bad mobile usability. Tap Play.

: The video plays and looks good. Tap Done.

: Tap the window switcher to get back to Press This.

: I have several Press This windows. I need to figure out which one to use. First, close the preview so that it is no reused by future preview attempts.

: Pick a window. Hope it is the right one. Tap.

: Whenever I trigger the preview bug mentioned earlier, the bottom bar ends up at the end of the big chunk of space below the editor (this space is peculiar to iOS). The bottom bar is no longer persistent on screen. Tap Publish.

: Feedback.

: Done. Landed on the post page.

#forked-flow, #ios, #new-tab-window, #open-in-new-window, #phablet, #press-this, #preview, #safari, #vizrec, #web

Ryan Boren 2:16 pm on May 31, 2015
Tags: beta-testing-flow, captions-needed, iOS ( 64 ), phablet ( 50 ), plugins ( 8 ), update, updates ( 6 ), upgrade ( 2 ), upgrade-install ( 12 ), web

Install the beta tester plugin and upgrade to the latest nightly build, iPhone 6+

#beta-testing-flow, #captions-needed, #ios, #phablet, #plugins, #update, #updates, #upgrade, #upgrade-install, #web

Ryan Boren 8:11 pm on May 26, 2015
Tags: boxed-input-scrolling, editor ( 30 ), input-scrolling, iOS ( 64 ), mobile-abandonment, phone ( 22 ), safari ( 8 ), web

Advancing the cursor through input fields on iOS

On iOSiOS The operating system used on iPhones and iPads. devices, I can’t advance the cursor through text that lies beyond the bounds of the Title input. The cursor stops advancing through text once it hits the left or right border of the input field. This causes me to abandon my mobile session and pick up editing when I get to a laptop. Mobile abandonmentMobile abandonment Bugs that terminally block flow on mobile cause mobile abandonment. Users must do a huge context switch from mobile to desktop to resume flow, which usually means postponing an action until the next time a laptop is available.https://make.wordpress.org/test/glossary/#mobile-abandonment of edit 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

is not good.

This happens on all my iOS devices. Android looks good. We could use an audit of all input fields for iOS.

cursor sometimes breaks out of the box

I can’t cursor left

Can’t cursor right

#boxed-input-scrolling, #editor, #input-scrolling, #ios, #mobile-abandonment, #phone, #safari, #web

Ryan Boren 12:01 am on April 22, 2015
Tags: captioned-galleries, captions ( 3 ), forked-flow ( 3 ), galleries ( 3 ), iOS ( 64 ), media ( 30 ), mobile ( 12 ), modal ( 14 ), new-tab-window ( 3 ), phablet ( 50 ), post-flow ( 2 ), preview ( 6 ), publish ( 2 ), vizrec ( 3 ), web

Publish a captioned gallery, iPhone 6+, Portrait

WP 4.2-RC3-32249 and iOSiOS The operating system used on iPhones and iPads. 8.3.

: Start on logged in front page. Tap + in the toolbar.

: Tap Post.

: Loading indicator.

: Tap title input.

: Type title in fly up keyboard.

: Tap Done to dismiss the keyboard.

: Tap Add Media.

: Opens in Media lib [2]. The dismiss button is missing [1]. Tap Upload Files.

: The dismiss button is back. Tap Select Files.

: Tap Irie Plank Image Feed.

: Tap images to include in the gallery and then tap Done.

: After a pause where nothing seems to be happening, upload progress is shown. The resulting screen is a known mess [4].

: Tap Insert Media to show the 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
selector dropdown. [8]

: Tap Create Gallery.

: Tap Create a new gallery.

: Tap a caption field.

: Cursor wonkiness.

: Get a caption focused, type in caption text.

: Tap around doing more captions.

: Discover cursor bugs.

: Repeat for each image. Curse at bad scrolling, keyboard juggling, and focus panning that burn a lot of taps. [3]

: Captioning done. Tap Insert Gallery.

: Arrive back at the editor with the keyboard up and obscuring the content. At a glance, I can’t confirm the gallery was added correctly. Tap Done to dismiss the keyboard.

: The inserted gallery is now evident. A big cursor blinks along the left side of the gallery. Scroll down to spot check the captions.

: The keyboard oft gets in the way when trying to scroll the editor. Tap Done to dismiss the keyboard and then scroll down some more to find Preview [5].

: Tap Preview.

: A new browser window opens…

: and loads the post. Post looks good. Tap the browser page switcher thingy in the bottom right.

: Find the edit post page from the list of pages. This can be daunting if you have a lot of things open, particularly with multiple WP pages [6]. Tap the edit post page once you find it. Don’t dismiss the preview window.

: You’re back in the edit window. Make some edits. Tap Preview. Nothing happens. Apparently nothing anyway. If you left the preview window open it is being reloaded out of site whenever you click Preview [6]. Sometimes clicking Preview in this state causes a cursor glitch in the region of the publish box disclosure triangle.

: Preview exhibiting the cursor glitch.

: It doesn’t always glitch. Sometimes it quietly noops.

: If the keyboard is in your way after all of that, tap Done to dismiss. Okay, here goes. Tap Publish and see a misaligned progress indicator.

: Editor reloads with a post published notification at the top. Tap View post in the notification.

: Post looks good. Tap the site title to get back to the front page.

: Back at the front page.

Bulleted flow:

Start on logged in front page.
Tap + in the toolbar.
Tap Post.
Tap title input.
Type title in fly up keyboard.
Tap Done to dismiss the keyboard. Page updates with permalink info. [7]
Tap Add Media
Opens in Media lib [2]. The dismiss button is missing [1]. Tap Upload Files.
The dismiss button is back. Tap Select Files.
Tap Irie Plank Image Feed.
Tap images to select.
Tap Done.
After a pause where nothing seems to be happening, upload progress is shown. The resulting screen is a known mess [4].
Tap Insert Media to show the flow selector dropdown. [8]
Tap Create Gallery.
Tap Create a new gallery.
Tap a caption field.
Type in caption text.
Tap another caption field.
Type in caption text.
Repeat for each image. Curse at bad scrolling, keyboard juggling, and focus panning that burn a lot of taps. [3]
Tap Insert Gallery.
Arrive back at the editor with the keyboard up and obscuring the content. At a glance, I can’t confirm the gallery was added correctly. Tap Done to dismiss the keyboard.
The inserted gallery is now evident. A big cursor blinks along the left side of the gallery.
Scroll down to spot check the captions.
Scroll down some more to find Preview [5].
Tap Preview.
A new browser window opens to the post page.
Post looks good. Tap the browser page switcher thingy in the bottom right.
Find the edit post page from the list of pages. This can be daunting if you have a lot of things open, particularly with multiple WP pages [6].
Tap the edit post page once you find it. Don’t dismiss the preview window.
You’re back in the edit window. Make some edits. Tap Preview. Nothing happens. Apparently nothing anyway. If you left the preview window open it is being reloaded out of site whenever you click Preview [6]. Sometimes clicking Preview in this state causes a cursor glitch in the region of the publish box disclosure triangle.
If the keyboard is in your way after all of that, tap Done to dismiss.
Here goes. Tap Publish.
Misaligned loading indicator spins. Editor reloads with a post published notification at the top.
Tap View post in the notification.
Post looks good. Tap the site title to get back to the front page.

Notes:

[1] The dismiss button is often missing from the media modal. This seems to be particular to the Media Library view. Dismiss never disappears if you stay on Upload Files. Bringing the modal up more than once may be needed to trigger this. Moving from the Media Library view to the Upload Files view restores the dismiss button, but tapping the dismiss button does nothing but hide the dismiss button again.

[2] Media modal scrolling in media lib view often gets stuck. The page beneath the modal seems to be hijacking swipes. I’ve developed the habit of giving a 15 second-ish cooldown when swiping gets stuck. The next swipe after the cooldown typical goes to the modal and normal scrolling is restored for awhile.

[3] Scrolling while editing captions is very awkward. The cursor often detaches from the caption field and seemingly joins the editor lying beneath the modal. The cursor isn’t always in the caption field. Especially with the last row of images, the cursor often shows below the caption field. Typing places the text in correctly in the caption field but the cursor is outside the field. The jittery focus pan that happens when a caption is tapped into is disconcerting. Overall, captioning is irksome and difficult.

[4] The image flow effort will eventually remove that awkward sidebarSidebar A sidebar in WordPress is referred to a widget-ready area used by WordPress themes to display information that is not a part of the main content. It is not always a vertical column on the side. It can be a horizontal rectangle below or above the content area, footer, header, or any where in the theme. from mobile. Should we pursue an interim solution that removes the sidebar from the production media modal since image flow is a couple release out?

[5] I often tap View Post just below the title when I want to preview. View Post shows the last published changes, however, not your in editor revisionsRevisions The WordPress revisions system stores a record of each saved draft or published update. The revision system allows you to see what changes were made in each revision by dragging a slider (or using the Next/Previous buttons). The display indicates what has changed in each revision.. Preview is the button I really want but it is farther from the editor than View Post and often gets forgotten.

[6] Mobile should never open things in new browser windows. This is a desktop biasDesktop bias Patterns and interfaces that work in desktop interfaces don't always work on mobile. UI elements triggered by mouse hover, opening in new windows, dragging into bookmarks bars, drag-and-drop, and auto-focusing search input fields are examples of desktop bias.https://make.wordpress.org/test/tag/desktop-bias/ that falls apart on mobile. Modal preview would be better on mobile.

[7] My permalink has the slug flow-loopLoop The Loop is PHP code used by WordPress to display posts. Using The Loop, WordPress processes each post to be displayed on the current page, and formats it according to how it matches specified criteria within The Loop tags. Any HTML or PHP code in the Loop will be processed on each post. https://codex.wordpress.org/The_Loop.-2 instead of flow-loop because I trashed an earlier draft due to interface frustrations. My frustrated bail out is later met with slug consequences. Ugh.

[8] The flow selector dropdown doesn’t dismiss with outside taps.

#captioned-galleries, #captions, #forked-flow, #galleries, #ios, #media, #mobile, #modal, #new-tab-window, #phablet, #post-flow, #preview, #publish, #vizrec, #web

Ryan Boren 5:34 pm on April 3, 2015
Tags: 4.2 ( 14 ), customize ( 18 ), customizer ( 14 ), iOS ( 64 ), mobile ( 12 ), phablet ( 50 ), web, widgets ( 2 )

Remove a widget with the customizer, iPhone 6+

The goal is to remove a widgetWidget A WordPress Widget is a small block that performs a specific function. You can add these widgets in sidebars also known as widget-ready areas on your web page. WordPress widgets were originally created to provide a simple and easy-to-use way of giving design and structure control of the WordPress theme to the user. from the hamburger accessed sidebarSidebar A sidebar in WordPress is referred to a widget-ready area used by WordPress themes to display information that is not a part of the main content. It is not always a vertical column on the side. It can be a horizontal rectangle below or above the content area, footer, header, or any where in the theme. menu in Twenty Fifteen.

: Start on front page. Tap the hamburger icon to open the menu and expose widgets.

: Widgets exposed. Scroll down.

: I don’t need a categories widget on this site. Let’s get rid of it. Scroll back up to the toolbar.

: Tap the dashboard icon in the toolbar.

: Tap Customize.

: Tap Widgets.

: Tap Widget Area.

: Tap Categories.

: Scroll down to get to the remove link.

: Oops. I accidentally moved the widget. I do this all the time. Since I’m removing it anway, I won’t bother putting it back where it was. Tap Remove.

: The Categories widget is removed. Tap Preview.

: Tap the hamburger to view the widget sidebar.

: Scroll down to verify Categories is gone.

: It is gone. Tap Save & Publish.

: Tap the back arrow to get out of the customizerCustomizer Tool built into WordPress core that hooks into most modern themes. You can use it to preview and modify many of your site’s appearance settings..

: Arrow changes to an X. This is pretty subtle when you’re in preview instead of customize mode. Tap X.

: Land back on the front page.

Notes:

When in preview mode, the stacked nav of widgets is pretty subtle. There is no transition other than < changing to X.

I accidentally move widgets when swiping to scroll all the time. I’ve taken to very carefully swiping along the edges to avoid the widget headers, similar to what I have to do in the post editor. I notice there’s a Reorder button at the bottom of the widgets panel. Should widget rearrangement be confined to it?

4.2-beta4-31998

#4-2, #customize, #customizer, #ios, #mobile, #phablet, #web, #widgets

Ryan Boren 7:57 pm on March 11, 2015
Tags: iOS ( 64 ), modal ( 14 ), scroll-bleed ( 6 ), web

Modal Scrolling on iOS

All of our modals have problems with scrolling on iOSiOS The operating system used on iPhones and iPads.. The page behind the modal scrolls when you swipe. Bleed through of the page beneath and sometimes stacked scrolling make for a frustrating experience. A few months ago, we made a big improvement to modal scrolling with the fix for #29909.

Ticket 29909: Scrolling beneath modals bad experience on mobile

Changeset 30707: Prevent scrolling beneath modals on mobile devices by removing overflow from #wpwrap when a modal is open.

That was the end of the scroll issues on Android. iOS has not been so straightforward. Recently, scrolling issues with the theme details modal were fixed by setting –webkit–overflow–scrolling to touch.

Ticket 31381: The theme details modal has scrolling and toolbar problems on iPhone 6 and 6+

The attachment details modal, link modal, session expired log in modal, and plugin details modal still have scrolling issues on iOS. Here’s a visual surveyVisual survey A visual survey is a collection of screenshots for a like set of screens or interfaces, such as all list table screens or all toolbar incarnations across various devices. These screens are not presented in the context of a particular flow.https://make.wordpress.org/test/tag/visual-survey/ of these modals on an iPhone 6+.

: Attachment details modal as accessed from the media library grid view. The images glimpsed at the bottom should not be there. That is 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/ of the media lib beneath. I can reliably trigger this every time by scrolling down to the bottom of the modal and then scrolling back up. Each scroll up swipe invokes bleed through.

: Link modal as accessed from the editor. Swiping anywhere on the screen causes the page beneath the modal to scroll.

: Session expired log in modal as seen when your session expires. Swiping scrolls the page beneath.

: PluginPlugin A plugin is a piece of software containing a group of functions that can be added to a WordPress website. They can extend functionality or add new features to your WordPress websites. WordPress plugins are written in the PHP programming language and integrate seamlessly with WordPress. These can be free in the WordPress.org Plugin Directory https://wordpress.org/plugins/ or can be cost-based plugin from a third-party details modal as accessed from plugins.php. Each swipe scrolls both the modal and the page beneath. Thus, each swipe results in elastic bounce back of the underlying page. Bounce, bounce, bounce goes the admin bar.

Screencast of the Link Modal on an iPhone 5 running iOS 8.2. The effect is even more disconcerting on the larger screen of an iPhone 6+ because more of the page behind the modal is exposed.

#ios, #modal, #scroll-bleed, #web

Welcome

Weekly Meetings (Calendar)

Tag Archives: web