Page MenuHomePhabricator

Toolbar can become misaligned when edit check is open
Closed, ResolvedPublic

Description

  • Open VE desktop with edit check
  • With the page scrolled to the top, resize the window to a narrow size, then back to a wide size
  • Scroll down

Observe that the toolbar is incorrectly positioned:

image.png (994×121 px, 43 KB)

Event Timeline

This would be nicely solved by switching to using position: sticky. We've had a patch open since 2017 although at that time support was considered a bit "experimental". It's now been around long enough and used by enough products that we should consider it stable.

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

[VisualEditor/VisualEditor@master] Use position:sticky for floating toolbar when supported

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

I can't reproduce the original issue, so it might be something even more specific than you have listed.

Using sticky seems reasonable, though.

I can't reproduce the original issue, so it might be something even more specific than you have listed.

Using sticky seems reasonable, though.

You may need to float/unfloat the toolbar a few times as well, before resizing.

Test wiki created on Patch demo by DLynch (WMF) using patch(es) linked to this task:
https://4b1f432149.catalyst.wmcloud.org/w/

Change #384579 merged by jenkins-bot:

[VisualEditor/VisualEditor@master] Use position:sticky for floating toolbar

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

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

[mediawiki/extensions/VisualEditor@master] Update VE core submodule to master (17a600756)

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

Change #1217218 merged by jenkins-bot:

[mediawiki/extensions/VisualEditor@master] Update VE core submodule to master (17a600756)

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

ldelench_wmf subscribed.

Looks good to me, feel free to reopen if you notice anything awry

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

https://3e29c2e65d.catalyst.wmcloud.org/w/

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

https://4b1f432149.catalyst.wmcloud.org/w/