Page MenuHomePhabricator

CodeEditor view page loads in a distracting way
Open, MediumPublic

Description

when you load https://en.wikipedia.org/wiki/Special:MyPage/common.js in edit mode the page refactors, flashes and elements load very slowly causing the page to shift around quite a bit.


Version: unspecified
Severity: normal

Event Timeline

bzimport raised the priority of this task from to Needs Triage.Nov 22 2014, 3:54 AM
bzimport added a project: CodeEditor.
bzimport set Reference to bz71015.
bzimport added a subscriber: Unknown Object (MLST).
TheDJ triaged this task as High priority.
TheDJ lowered the priority of this task from High to Medium.
TheDJ added a project: JavaScript.
TheDJ set Security to None.
TheDJ removed a subscriber: wikibugs-l-list.
TheDJ removed TheDJ as the assignee of this task.Nov 8 2017, 1:06 PM
TheDJ subscribed.

Unassigning, as I do not have plans to work on this right now.

Nardog renamed this task from user common.js edit (codeeditor) view page loads in distracting way to CodeEditor view page loads in a distracting way.Oct 13 2023, 5:40 PM

Is this still a concern? For my personal experience right now (on a fast machine and connexion, to be fair) it's about as fast as our other editors – between the edit source link going active to the initial editor is ~0.8s, with the WikiEditor toolbar popping in ~0.1s later, the TemplateEditor hack adding to the toolbar after ~5ms, and then CodeEditor replacing the toolbar with its own after ~0.2s.

I'm sure it'd be cleaner to never show the WikiEditor toolbar at all, but I'm not sure what approach people favour. Tagging for wider visibility.

Change 965854 had a related patch set uploaded (by Esanders; author: Esanders):

[mediawiki/extensions/CodeEditor@master] CodeEditor: Avoid vertical movement while loading

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

Change 965854 merged by jenkins-bot:

[mediawiki/extensions/CodeEditor@master] CodeEditor: Avoid movement while loading

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

The patch caused T351487: Gutter doesn't disappear after disabling code editor. I really doubt it was the right way. Not only there is the gutter, now the height of the textbox is inconsistent with pages where CodeEditor is not loaded because of padding-bottom: 22px;. It also doesn't have the intended effect when one of the subtoolbars (Advanced, Special characters, Help) is open (set by cookie wikiEditor-0-toolbar-section). Strikes me as a hack that brings more problems than it solves.