Bug 201441 - results.webkit.org: Fix mobile vs desktop mode
Summary: results.webkit.org: Fix mobile vs desktop mode
Status: RESOLVED FIXED
Alias: None
Product: WebKit
Classification: Unclassified
Component: Tools / Tests (show other bugs)
Version: WebKit Nightly Build
Hardware: Unspecified Unspecified
: P2 Normal
Assignee: Jonathan Bedard
URL:
Keywords: InRadar
Depends on:
Blocks:
 
Reported: 2019-09-03 17:15 PDT by Jonathan Bedard
Modified: 2019-09-04 17:48 PDT (History)
4 users (show)

See Also:


Attachments
Patch (2.77 KB, patch)
2019-09-03 17:19 PDT, Jonathan Bedard
no flags Details | Formatted Diff | Diff
Patch (3.13 KB, patch)
2019-09-04 11:27 PDT, Jonathan Bedard
no flags Details | Formatted Diff | Diff
Patch (5.46 KB, patch)
2019-09-04 15:24 PDT, Jonathan Bedard
no flags Details | Formatted Diff | Diff
Patch for landing (5.46 KB, patch)
2019-09-04 17:02 PDT, Jonathan Bedard
no flags Details | Formatted Diff | Diff

Note You need to log in before you can comment on or make changes to this bug.
Description Jonathan Bedard 2019-09-03 17:15:15 PDT
We are too aggressive about jumping into mobile mode, desktops should never ever mobile and iPad should only revert to mobile if they're in portrait mode.
Comment 1 Jonathan Bedard 2019-09-03 17:19:11 PDT
Created attachment 377936 [details]
Patch
Comment 2 Jonathan Bedard 2019-09-04 11:27:34 PDT
Created attachment 377990 [details]
Patch
Comment 3 Zhifei Fang 2019-09-04 14:01:55 PDT
Comment on attachment 377990 [details]
Patch

View in context: https://bugs.webkit.org/attachment.cgi?id=377990&action=review

> Tools/resultsdbpy/resultsdbpy/view/static/library/css/webkit.css:108
> +@media screen and (min-device-width: 768px) {

This means we tied to the whole screen width, so on desktop, the small window browser will never trigger mobile mode, do we really want this ?
Comment 4 Jonathan Bedard 2019-09-04 14:14:40 PDT
(In reply to Zhifei Fang from comment #3)
> Comment on attachment 377990 [details]
> Patch
> 
> View in context:
> https://bugs.webkit.org/attachment.cgi?id=377990&action=review
> 
> > Tools/resultsdbpy/resultsdbpy/view/static/library/css/webkit.css:108
> > +@media screen and (min-device-width: 768px) {
> 
> This means we tied to the whole screen width, so on desktop, the small
> window browser will never trigger mobile mode, do we really want this ?

In my opinion, yes. I kept seeing the 'mobile' mode triggering when resizing windows on my laptop. The size I needed to make the window to where I actually could have used mobile mode was so small, it wasn't really useful.
Comment 5 Zhifei Fang 2019-09-04 14:23:46 PDT
(In reply to Jonathan Bedard from comment #4)
> (In reply to Zhifei Fang from comment #3)
> > Comment on attachment 377990 [details]
> > Patch
> > 
> > View in context:
> > https://bugs.webkit.org/attachment.cgi?id=377990&action=review
> > 
> > > Tools/resultsdbpy/resultsdbpy/view/static/library/css/webkit.css:108
> > > +@media screen and (min-device-width: 768px) {
> > 
> > This means we tied to the whole screen width, so on desktop, the small
> > window browser will never trigger mobile mode, do we really want this ?
> 
> In my opinion, yes. I kept seeing the 'mobile' mode triggering when resizing
> windows on my laptop. The size I needed to make the window to where I
> actually could have used mobile mode was so small, it wasn't really useful.

This could be wrong for iPad, for spilt screen. User may want something like this:

+-----------------+
|          |      |
|          |      |
| Desktop  |mobile|
|          |      |
|          |      |
+-----------------+

For now it seems useless because we have a long config name, however the webkit.css should design for general usage, so that when next project reuse it, it can provide those benefits.
Comment 6 Jonathan Bedard 2019-09-04 15:24:21 PDT
Created attachment 378017 [details]
Patch
Comment 7 Jonathan Bedard 2019-09-04 15:25:25 PDT
The newly uploaded patch removes the tablet/desktop distinction, so that except for some font sizes, tablets are treated exactly the same as desktops.
Comment 8 Zhifei Fang 2019-09-04 15:25:40 PDT
unofficially r=me
Comment 9 Aakash Jain 2019-09-04 16:34:25 PDT
rs=me
Comment 10 Jonathan Bedard 2019-09-04 17:02:59 PDT
Created attachment 378029 [details]
Patch for landing
Comment 11 WebKit Commit Bot 2019-09-04 17:47:37 PDT
Comment on attachment 378029 [details]
Patch for landing

Clearing flags on attachment: 378029

Committed r249506: <https://trac.webkit.org/changeset/249506>
Comment 12 WebKit Commit Bot 2019-09-04 17:47:39 PDT
All reviewed patches have been landed.  Closing bug.
Comment 13 Radar WebKit Bug Importer 2019-09-04 17:48:17 PDT
<rdar://problem/55048301>