Page MenuHomePhabricator

No toolbar on mobile views using Firefox and Chromium
Open, Needs TriagePublic

Assigned To
None
Authored By
Trizek-WMF
Apr 9 2018, 5:53 PM
Referenced Files
F28605780: image.png
Apr 10 2019, 10:12 PM
F28605727: image.png
Apr 10 2019, 10:12 PM
F28605733: image.png
Apr 10 2019, 10:12 PM
F28605744: image.png
Apr 10 2019, 10:12 PM
F28605754: image.png
Apr 10 2019, 10:12 PM
F28605751: image.png
Apr 10 2019, 10:12 PM
F28605747: image.png
Apr 10 2019, 10:12 PM
F16868253: Capture d’écran_2018-04-09_19-50-13.png
Apr 9 2018, 5:53 PM

Description

I have no toolbar on mobile views on all my browsers.
I'm on Ubuntu 16.04 LTS.

I've tested mobile editing links:

On:

While:

  • logged-in
  • logged-out

Results

  • All tests don't provide any toolbar.
  • #/editor/0 don't load the whole article, but only the first section

Result for #/editor/0 (Chromium)

Capture d’écran_2018-04-09_19-50-13.png (904×1 px, 133 KB)

Result for &action=edit (Chromium)
Capture d’écran_2018-04-09_19-49-45.png (907×1 px, 181 KB)

Event Timeline

I don't think there's ever been a toolbar there. I have a few screenshots of the mobile wikitext editor from a few months ago, and there was no toolbar. Is this a feature request to add one?

Yeah - that is the noJS mobile editor.

If you use desktop minerva, you will see it working fine with WikiEditor toolbar: https://en.wikipedia.org/w/index.php?title=I_Will_Always_Love_You&action=submit&useskin=minerva

I've accessed that editor by the link located at the bottom of every page...

Which link? Do you mean 'Mobile view' while already in the editor?

Case 1:

  1. visit a page
  2. click on Mobile view
  3. edit the page (pen icon)

Result: no editor, and the ful page is not leading

Case 2:

  1. visit a page
  2. click edit
  3. click on Mobile view
  4. edit the page (pen icon)

Result: no editor, and the ful page is not leading

Tested both while logged-in and logged-out (private mode).

Case 1:

  1. visit a page
  2. click on Mobile view
  3. edit the page (pen icon)

Result: no editor, and the ful page is not leading

I can't reproduce this - the MobileFrontend editor loads for me. Do you get any exceptions in the console?

While switching to mobile, logged-in:

VM211:1 Uncaught ReferenceError: obtenir is not defined
    at <anonymous>:1:120
    at DOMEval (load.php?debug=false&lang=en&modules=jquery%2Cmediawiki&only=scripts&skin=minerva&version=032b6rt:1)
    at Function.globalEval (load.php?debug=false&lang=en&modules=jquery%2Cmediawiki&only=scripts&skin=minerva&version=032b6rt:4)
    at runScript (load.php?debug=false&lang=en&modules=jquery%2Cmediawiki&only=scripts&skin=minerva&version=032b6rt:162)
    at fire (load.php?debug=false&lang=en&modules=jquery%2Cmediawiki&only=scripts&skin=minerva&version=032b6rt:46)
    at Object.add [as fail] (load.php?debug=false&lang=en&modules=jquery%2Cmediawiki&only=scripts&skin=minerva&version=032b6rt:47)
    at Object.always (load.php?debug=false&lang=en&modules=jquery%2Cmediawiki&only=scripts&skin=minerva&version=032b6rt:48)
    at checkCssHandles (load.php?debug=false&lang=en&modules=jquery%2Cmediawiki&only=scripts&skin=minerva&version=032b6rt:162)
    at execute (load.php?debug=false&lang=en&modules=jquery%2Cmediawiki&only=scripts&skin=minerva&version=032b6rt:163)
    at Object.implement (load.php?debug=false&lang=en&modules=jquery%2Cmediawiki&only=scripts&skin=minerva&version=032b6rt:169)

While editing the page on mobile view, logged out:

load.php?debug=false&lang=fr&modules=jquery%2Cmediawiki&only=scripts&skin=minerva&version=032b6rt:154 Use of "done" is deprecated. Use Promise compatible methods `then` and `catch` instead.
get @ load.php?debug=false&lang=fr&modules=jquery%2Cmediawiki&only=scripts&skin=minerva&version=032b6rt:154
_loadContent @ load.php?debug=false&lang=fr&modules=mediawiki.confirmCloseWindow%2Cnotification%2CvisibleTimeout|mediawiki.editfont.styles|mobile.editor.common%2Coverlay|mobile.messageBox|mobile.messageBox.styles|oojs-ui%2Coojs-ui-core%2Coojs-ui-toolbars%2Coojs-ui-widgets%2Coojs-ui-windows|oojs-ui-core.styles|oojs-ui.styles.icons-alerts%2Cicons-content%2Cicons-editing-advanced%2Cicons-editing-core%2Cicons-interactions%2Cicons-moderation%2Cicons-movement%2Cindicators%2Ctextures&skin=minerva&version=0qe8hj5:34
_showEditorAfterWarning @ load.php?debug=false&lang=fr&modules=mediawiki.confirmCloseWindow%2Cnotification%2CvisibleTimeout|mediawiki.editfont.styles|mobile.editor.common%2Coverlay|mobile.messageBox|mobile.messageBox.styles|oojs-ui%2Coojs-ui-core%2Coojs-ui-toolbars%2Coojs-ui-widgets%2Coojs-ui-windows|oojs-ui-core.styles|oojs-ui.styles.icons-alerts%2Cicons-content%2Cicons-editing-advanced%2Cicons-editing-core%2Cicons-interactions%2Cicons-moderation%2Cicons-movement%2Cindicators%2Ctextures&skin=minerva&version=0qe8hj5:32
onClickContinue @ load.php?debug=false&lang=fr&modules=mediawiki.confirmCloseWindow%2Cnotification%2CvisibleTimeout|mediawiki.editfont.styles|mobile.editor.common%2Coverlay|mobile.messageBox|mobile.messageBox.styles|oojs-ui%2Coojs-ui-core%2Coojs-ui-toolbars%2Coojs-ui-widgets%2Coojs-ui-windows|oojs-ui-core.styles|oojs-ui.styles.icons-alerts%2Cicons-content%2Cicons-editing-advanced%2Cicons-editing-core%2Cicons-interactions%2Cicons-moderation%2Cicons-movement%2Cindicators%2Ctextures&skin=minerva&version=0qe8hj5:29
dispatch @ load.php?debug=false&lang=fr&modules=jquery%2Cmediawiki&only=scripts&skin=minerva&version=032b6rt:69
elemData.handle @ load.php?debug=false&lang=fr&modules=jquery%2Cmediawiki&only=scripts&skin=minerva&version=032b6rt:66
load.php?debug=false&lang=fr&modules=jquery%2Cmediawiki&only=scripts&skin=minerva&version=032b6rt:154 Use of "fail" is deprecated. Use Promise compatible methods `then` and `catch` instead.
get @ load.php?debug=false&lang=fr&modules=jquery%2Cmediawiki&only=scripts&skin=minerva&version=032b6rt:154
_loadContent @ load.php?debug=false&lang=fr&modules=mediawiki.confirmCloseWindow%2Cnotification%2CvisibleTimeout|mediawiki.editfont.styles|mobile.editor.common%2Coverlay|mobile.messageBox|mobile.messageBox.styles|oojs-ui%2Coojs-ui-core%2Coojs-ui-toolbars%2Coojs-ui-widgets%2Coojs-ui-windows|oojs-ui-core.styles|oojs-ui.styles.icons-alerts%2Cicons-content%2Cicons-editing-advanced%2Cicons-editing-core%2Cicons-interactions%2Cicons-moderation%2Cicons-movement%2Cindicators%2Ctextures&skin=minerva&version=0qe8hj5:34
_showEditorAfterWarning @ load.php?debug=false&lang=fr&modules=mediawiki.confirmCloseWindow%2Cnotification%2CvisibleTimeout|mediawiki.editfont.styles|mobile.editor.common%2Coverlay|mobile.messageBox|mobile.messageBox.styles|oojs-ui%2Coojs-ui-core%2Coojs-ui-toolbars%2Coojs-ui-widgets%2Coojs-ui-windows|oojs-ui-core.styles|oojs-ui.styles.icons-alerts%2Cicons-content%2Cicons-editing-advanced%2Cicons-editing-core%2Cicons-interactions%2Cicons-moderation%2Cicons-movement%2Cindicators%2Ctextures&skin=minerva&version=0qe8hj5:32
onClickContinue @ load.php?debug=false&lang=fr&modules=mediawiki.confirmCloseWindow%2Cnotification%2CvisibleTimeout|mediawiki.editfont.styles|mobile.editor.common%2Coverlay|mobile.messageBox|mobile.messageBox.styles|oojs-ui%2Coojs-ui-core%2Coojs-ui-toolbars%2Coojs-ui-widgets%2Coojs-ui-windows|oojs-ui-core.styles|oojs-ui.styles.icons-alerts%2Cicons-content%2Cicons-editing-advanced%2Cicons-editing-core%2Cicons-interactions%2Cicons-moderation%2Cicons-movement%2Cindicators%2Ctextures&skin=minerva&version=0qe8hj5:29
dispatch @ load.php?debug=false&lang=fr&modules=jquery%2Cmediawiki&only=scripts&skin=minerva&version=032b6rt:69
elemData.handle @ load.php?debug=false&lang=fr&modules=jquery%2Cmediawiki&only=scripts&skin=minerva&version=032b6rt:66

Looking at your screenshots, it looks like everything wass working as expected. /editor/0 is supposed to only load the first section, and currently action=edit is loading the new editor/all path in the mobile editor.

If it was working as expected, I would get toolbars. :)

The second link is redirecting to the MobileFrontend or VE editor for me (whichever was used last). Can you confirm this is fixed?

So... yes? I see an editing toolbar.

These are the interfaces you should see (when using any edit link):

When you're using the mobile site:

Reading modeWikitext editorVisual editor
image.png (980×1 px, 308 KB)
image.png (980×1 px, 90 KB)
image.png (980×1 px, 77 KB)

The mobile site reading mode has collapsible sections. Both mobile editors are full-screen (the menu bar is hidden). Mobile wikitext editor is completely different from both the old and new desktop wikitext editors. Mobile visual editor has reduced number of tools on the toolbar.

When you're using the desktop site:

Reading modeOld wikitext editorNew wikitext editorVisual editor
image.png (980×1 px, 312 KB)
image.png (980×1 px, 130 KB)
image.png (980×1 px, 137 KB)
image.png (980×1 px, 286 KB)

The desktop site reading mode in the Minerva skin doesn't have collapsible sections. The desktop editors in the Minerva skin are not full-screen (the menu bar is shown above them). Desktop visual editor in the Minerva skin has all the tools you'd see on Vector.


Note that the interface you see doesn't depend on whether you're using a browser on a mobile or desktop device – only on whether you're looking at the mobile or desktop site (https://en.m.wikipedia.org/ vs https://en.wikipedia.org/).

Does this match what you're seeing? If not, can you take a screenshot and attach it?

Hey @Trizek-WMF we just need you to respond to what you believe should be happening.