Page MenuHomePhabricator

Page disappears when searching on tablet/desktop
Open, NormalPublic

Description

While using MobileFrontend, when you focus (click/touch) the search box, the page content disappears entirely. The page content should remain visible.

Tested on:
This is true for mediawiki.org, or private wikis; with desktop browsers (Chrome/FF) or mobile devices (Android/iPhone).

Steps to Reproduce:
Compare
https://m.mediawiki.org/wiki/Meza
https://m.mediawiki.org/wiki/Meza#/search <-- you will need to click or touch the search box because the # fragment gets discarded by the browser/MediaWiki

Event Timeline

Restricted Application added a subscriber: Aklapper. · View Herald TranscriptFeb 21 2019, 5:12 PM
freephile updated the task description. (Show Details)Feb 21 2019, 5:18 PM

I assume this is intended behavior because search results are retrieved instantly using XHR (AJAX) and thus the page you're viewing becomes a "search results" page the instant you focus on the search box. Results start appearing as you type characters. I would argue that the search box is taking over the interface prematurely. In our case (fswiki.familysearch.org), the search box itself disappears so you're literally on a white (blank) page. I'm sure we can fix our CSS to continue the display of the search box. Still, I think the display should be more intentional meaning it should update after you click 'submit' rather than being 'predictive' by responding to each character typed in the search box.

Jdlrobson added subscribers: alexhollender, Jdlrobson.

I'm not sure if this is intentional or a regression. @alexhollender can you provide the answer?

Jdlrobson renamed this task from Page disappears when searching to Page disappears when searching on tablet/desktop.Feb 22 2019, 12:05 AM
alexhollender triaged this task as Normal priority.Feb 27 2019, 12:01 AM
alexhollender moved this task from Needs analysis to Queue on the Readers-Web-Backlog (Design) board.

This is not a regression. The search UX has not yet been optimized for desktop.

  • Something we could consider for both desktop and mobile, only trigger the full overlay once the user starts typing, rather than when they focus the search field, e.g.
  • Specifically for desktop, I wonder if we could follow a pattern similar to Twitter, where the type-ahead search results appear in a dropdown panel, rather than a full overlay, e.g.