Page MenuHomePhabricator

Tooltip notifications not implemented with mobile in mind
Open, MediumPublic

Description

Flow's implementation of tooltips is not only different from desktop's watchlist notification but also broken on mobile (they cannot be read, being clipped off screen)

Mobile uses a toast module to deliver all notifications so this is a big inconsistency with the rest of the application.

Flow should be helping drive standardisation around this.
Take a look at
mw.notify( 'foo' ) in desktop
and
mw.mobileFrontend.require( 'toast' ).show( 'foo' )
in mobile.


Version: unspecified
Severity: normal

Details

Reference
bz70787

Event Timeline

bzimport raised the priority of this task from to Needs Triage.Nov 22 2014, 3:57 AM
bzimport set Reference to bz70787.
bzimport added a subscriber: Unknown Object (MLST).

@Jdlrobson is "(they cannot be read, being clipped off screen)" still a problem?

Here are 2 screenshots of Mobilefrontend (taken with desktop Firefox):
the watchlist tooltip:

Screenshot_from_2015-02-10_11:36:40.png (854×344 px, 84 KB)

and the Anon-warning message:
Screenshot_from_2015-02-10_11:33:33.png (854×382 px, 77 KB)

(I've filed T89164: Flow in low width, terms of use message is squashed for the issue with the squashed "Terms of Use" message, seen in that 2nd screenshot)

The problem with this has always been consistency. Mobile uses a black toast bar at the bottom of the page for watchlist notifications. Placing two sources of notification imo is troublesome and confusing. Really this is something you should clarify with the UI standardisation / design team - it's bizarre having different behaviour on Flow to other pages.