Page MenuHomePhabricator

Consider adding a button to let users edit the whole page in MobileFrontend
Closed, ResolvedPublic

Assigned To
Authored By
Esanders
Aug 30 2018, 10:28 AM
Referenced Files
F37156295: Screenshot_20230730-213908.png
Jul 31 2023, 12:45 AM
F37156296: Screenshot_20230730-213936.png
Jul 31 2023, 12:45 AM
F37152620: Screenshot_20230727-211321.png
Jul 28 2023, 12:22 AM
F37150691: image.png
Jul 26 2023, 4:39 PM
F37146003: image.png
Jul 21 2023, 10:50 PM
F37145960: Screenshot_20230721-190734.png
Jul 21 2023, 10:12 PM
F37145907: Screenshot 2023-07-21 at 4.23.17 PM.png
Jul 21 2023, 9:24 PM
F36916535: Screenshot 2023-03-17 at 9.43.38 AM.png
Mar 17 2023, 4:45 PM
Tokens
"Manufacturing Defect?" token, awarded by 1997kB."Like" token, awarded by iamjessklein."Love" token, awarded by MGChecker.

Description

Following on from T196915 which adds the mechanism for this, we should consider exposing this in the UI.

As an interim step, T234659 suggested that in AMC an edit button could be added for advanced editors to the overflow menu as a short term measure.

Related Objects

Event Timeline

There are a very large number of changes, so older changes are hidden. Show Older Changes

At time of writing this, there is no longer any edit page button on mobile. And the section-name part of the edit summary is not just enforced, but is invisible. If I want to add a section, I have to switch to desktop view or leave an incorrect edit summary.

EDIT: I just did a test. On mobile wikitext editor, the section name that gets inserted is not the one I clicked on, but the first heading in the saved text.

I've been wanting to suggest this for years as the events that lead to my global lock began because of an issue of not knowing how to do this on mobile, my suggestion for this would be that if you're on mobile the pencil ✏️ now has "a small triangle" and if you click on it it would ask "Edit lead - Edit full page", this way mobile users would have the ability to edit what. For large pages this won't cause an issue if a mobile user only wants to edit the top of the page. I still can't believe that the WMF is finally adopting this idea, it just seems so surreal.

But it needs to be properly implemented as it shouldn't be the default as for desktop users, especially since large pages can crash mobile devices more easily.

Note that modern mobile devices are probably powerful enough to load large pages, but many users from developing countries probably have cheaper mobile telephones, which is why this feature would probably be better if "the top pencil ✏️" gives a user a choice rather than assuming their choice.

Change 776236 had a related patch set uploaded (by DLynch; author: DLynch):

[mediawiki/skins/MinervaNeue@master] Add "edit full page" to the minerva overflow menu

https://gerrit.wikimedia.org/r/776236

In the interest of nudging this along: that patch adds a "edit full page" button to the overflow menu. I.e. it's only visible to users with Advanced Mobile Contributions turned on.

image.png (868×1 px, 84 KB)

(I haven't been incredibly thorough on the patch and looking for edge cases; I wanted something that worked for discussion more than I wanted an immediately-mergable thing.)

Test wiki created on Patch demo by ESanders (WMF) using patch(es) linked to this task:
https://patchdemo.wmflabs.org/wikis/880dd85371/w/

Does this need input from the web team?

When you click edit on mobile and click it again it shows up in the menu to change to the visible editor if you're using source code (this is what I have). Why not add another menu item there "Edit whole article", the same feature would be useful while editing the section.

I updated the patch because Ed pointed out that the link-takeover wasn't working. Now it does.

Video demonstration: https://youtube.com/shorts/hZa-Ame6o3w

Screenshot_20230223-044953.jpg (1×1 px, 251 KB)

All I know is 99% of the time users clicking the pencil here will not get what they want.

Sure, moving the page around causes an "add topic" thing to appear at the bottom. But that's only momentarily if they scroll the page.

So maybe this pencil should be an alias for "add topic."

On the talk page maybe it's a good idea, but the issue is with normal articles. You don't want to add a topic to the article on Wikipedia.

Change 900695 had a related patch set uploaded (by DLynch; author: DLynch):

[mediawiki/skins/MinervaNeue@master] Make the action bar edit button edit the whole page

https://gerrit.wikimedia.org/r/900695

The alternative, of course, being this patch: just have the top edit button edit the whole page. As was said, this is probably much more reasonable from a performance standpoint than back in 2017-or-so when the original decision was made.

As someone who often edits lead sections on mobile (e.g. moving paragraphs around infoboxes) given they are more important on mobile screens:
I'm not sure if this would be a bad thing, but one worry I would have is that sometimes I find it useful to be able to get to the bottom of the lead section to know where a long infobox or table ends and that would be lost if we switched to editing the whole page. I think this is more of a problem in the wikitext mode.

One thing to consider to alleviate that is perhaps the editor itself could allow switching between lead section and full editing mode either via an intermediate screen / dropdown / footer so this is at least accessible?

Screenshot 2023-03-17 at 9.43.38 AM.png (368×2 px, 55 KB)

We could then perhaps use data to work out whether it's actually being used and what the default should be (perhaps showing the wikitext of the whole page puts off certain would be editors as on a mobile screen there's a lot that can go wrong :)).

Adding the option for full article editing doesn’t remove the current options for section editing and I imagine performance considerations have reduced over the years. But even so, this is a useful feature. Enabling this would encourage more mobile users to be productive editors. Currently I switch to desktop mode on my phone which is contrary to the whole point of a mobile UI. Adding this as an option underneath edit button seems like simplest solution

I'm not sure if this was written or not, but just want to add that you can edit the whole page if you edit in visual mode make trivial changes like adding a space, and then click Edit as wiki source. So this feature is there and it's working, only it's hidden.

just to emphasize the "edit lead section" currently shows up duplicated, while the "edit this page" is missing.

as a workaround, I've been asking the mobile browser to show the desktop version.
otherwise, it's not possible to move content across sections or change the order of sections.

@Fgnievinski I'm not sure I see any duplication? If I look at e.g. https://en.m.wikipedia.org/wiki/Wikipedia then I only see one button that edits the lead section.

Screenshot 2023-07-21 at 4.23.17 PM.png (1×2 px, 291 KB)

@DLynch: here's my screenshot showing the two links for editing the lead only (not the whole article).

Screenshot_20230721-190734.png (2×1 px, 400 KB)

My user preferences are:

  • Appearance: Skin: Vector 2022
  • Editing: "Use the wikitext mode inside the visual editor, instead of a different wikitext editor." enabled.

I see the same as you only in an incognito browser tab.

Ah, looks like you've got a non-default gadget enabled that's adding the edit-link by the page title.

image.png (140×754 px, 19 KB)

I don't think we intend to change anything in the default experience to account for that. (Though the gadget itself could be adjusted to cope better with MobileFrontend. If it wasn't on mobile before, I think recent changes made gadgets less-targeted.)

Change 940424 had a related patch set uploaded (by DLynch; author: DLynch):

[mediawiki/extensions/MobileFrontend@master] Watch for edit links inside the overflow menu

https://gerrit.wikimedia.org/r/940424

Ah, looks like you've got a non-default gadget enabled that's adding the edit-link by the page title.

image.png (140×754 px, 19 KB)

I don't think we intend to change anything in the default experience to account for that. (Though the gadget itself could be adjusted to cope better with MobileFrontend. If it wasn't on mobile before, I think recent changes made gadgets less-targeted.)

Yes, as the first link in Minerva already edits section 0, there is no need for this gadget to run in that skin. It was enabled on mobile due to recent upstream changes so this is a fairly recent regression.

Hi @Esanders since the gadget is being loaded on mobile, it would be better to instead of simply checking for Minerva and exiting early, to modify that gadget to behave differently in Minerva by updating the main edit link to allow editing the entire page:
https://en.wikipedia.beta.wmflabs.org/w/index.php?title=MediaWiki%3AGadget-edittop.js&diff=596495&oldid=596493

Would it be okay with you if I made that change? The main motivation for enabling on mobile was to make Minerva/mobile more of a first class citizen. I think if we want to retain the existing behaviour it would be better to update the skins option and filter it out from Minerva altogether: https://www.mediawiki.org/wiki/Extension:Gadgets#Options

Change 940424 merged by jenkins-bot:

[mediawiki/extensions/MobileFrontend@master] Watch for edit links inside the overflow menu

https://gerrit.wikimedia.org/r/940424

Change 776236 merged by jenkins-bot:

[mediawiki/skins/MinervaNeue@master] Add "edit full page" to the minerva overflow menu

https://gerrit.wikimedia.org/r/776236

DLynch moved this task from Doing to QA on the Editing-team (Kanban Board) board.
DLynch added a project: Editing QA.

QA: we've added a button to the overflow menu on Minerva. You need to have advanced mode turned on to see this menu.

image.png (770×558 px, 77 KB)

Hiyo. For Tech News, do you have any suggested wording for the entry? I'm not sure how to phrase it. My best guess is something like:

Changes this week

  • Mobile Web editors can now edit a whole page at once. Turn on Advanced Mode and use the"Edit full page" button in the "More" menu.

Also, is there anything it could link to, that contains the screenshot above, perhaps a section of a documentation page that contains this new feature? (If not, I'd recommend creating such!)
Thanks!

Thanks for adding this! I can't make the new edit button appear, though. I've already changed the skin from Vector 2022 to MinervaNeue and confirmed the advanced mode was selected. Am I missing something?

Screenshot_20230727-211321.png (2×1 px, 285 KB)

@Fgnievinski It hasn't actually gone out to the wikipedias yet. It'll deploy with the 1.41.0-wmf.20 branch, which will be rolling out next week -- it'll make it to enwiki on Thursday. (You can see the deployment schedule if you're curious.)

Got it, thanks! Any chance it might make its way into the Vector skin?

Vector users can already edit the entire page by clicking "edit" on the toolbar.

I'm afraid the pencil icon next to the history link allows editing only the lead section in Vector. Unless some of my settings are interacting badly.

I'm afraid the pencil icon next to the history link allows editing only the lead section in Vector. Unless some of my settings are interacting badly.

Vector doesn't use pencil icons (except for in the Vector 2022 sticky header), so it sounds like you are using Minerva?

my experience is that both current Vector (2022) and legacy Vector (2010) show the pencil icon for editing the article lead only, as per screenshots attached.

Screenshot_20230730-213936.png (2×1 px, 778 KB)

Screenshot_20230730-213908.png (2×1 px, 291 KB)

@Fgnievinski you are using Minerva; you can remove the "m." in the URL to stop using it.

If I remove the ".m" particle from the URL, it's added back automatically (via URL redirection), when browsing Wikipedia in a mobile device.

For testing purposes, is it possible to use Vector in mobile devices without asking for the desktop version?

BTW: I noticed the Wikipedia Beta app already shows the edit (full) article is the overflow menu, thanks!

This is really important for Commons that for every file have empy lead and when edit it show blank content. You need to use a hack with visual mode to edit page on Commons.

I hope this will land soon.

Hiyo. For Tech News, do you have any suggested wording for the entry? I'm not sure how to phrase it. My best guess is something like:

Changes this week

  • Mobile Web editors can now edit a whole page at once. Turn on Advanced Mode and use the"Edit full page" button in the "More" menu.

This language looks great; thank you for drafting it, @Quiddity.

Also, is there anything it could link to, that contains the screenshot above, perhaps a section of a documentation page that contains this new feature? (If not, I'd recommend creating such!)

Great spot; I'll get this sorted out and then comment with the link when it's ready.

Also, is there anything it could link to, that contains the screenshot above, perhaps a section of a documentation page that contains this new feature? (If not, I'd recommend creating such!)

Great spot; I'll get this sorted out and then comment with the link when it's ready.

@Quiddity, here's a link: https://www.mediawiki.org/wiki/Reading/Web/Advanced_mobile_contributions#August_1,_2023_-_Full-page_editing_added_on_mobile.

...please let me know if you think anything about the above would benefit from being changed prior to this being included in Tech/News

@ppelberg Thanks! I've added it to https://meta.wikimedia.org/wiki/Tech/News/2023/32 -- Please edit boldly before Thursday if desired. I'll mark it up for translation, and replace the UI-names with their i18n strings, on Thursday.

Test wiki on Patch demo by ESanders (WMF) using patch(es) linked to this task was deleted:

https://patchdemo.wmflabs.org/wikis/880dd85371/w/