Page MenuHomePhabricator

VisualEditor / Wikitext Editor contents get misaligned
Closed, ResolvedPublicBUG REPORT

Description

This bug might only occur on some browsers (I used firefox). It doesn't occur if the monobook skin is used.
List of steps to reproduce (step by step, including full links if applicable):

  • Open an unreviewd article of the German Wikipedia (this is where I found the bug)
  • Click Edit (or Bearbeiten) to open the VE.
  • Click on images/templates/links

What happens?:

Screenshot 2021-05-22 201107.png (897×1 px, 536 KB)

Screenshot 2021-05-22 201127.png (898×1 px, 509 KB)

Screenshot 2021-05-22 201149.png (901×1 px, 584 KB)

What should have happened instead?:

The highligts and edit cards appear at the correct places

Event Timeline

Honischboy renamed this task from VisualEditor and New Wikitext Editor contents get misaligined by FlaggedRevs "Unchecked" box to VisualEditor contents get misaligined by FlaggedRevs "Unchecked" box.May 22 2021, 6:14 PM
Honischboy updated the task description. (Show Details)

This problem occurs in all namespaces and in all articles, not just those with pending changes / „unchecked“ box. So the bug is likely caused by changes on the wikitext editor or perhaps the new vector-skin?

Johannnes89 renamed this task from VisualEditor contents get misaligined by FlaggedRevs "Unchecked" box to VisualEditor / Wikitext Editor contents get misaligned.May 22 2021, 7:04 PM

I'm pretty sure it's the Vector skin: I can reproduce the problem in all browsers both logged in and logged out, but it's gone once I switch to any other skin.

I first found the problem that was already reported in T205689. However, I then thought the same probleme would also cause the problems of VE. At that time, I didn't know about the task mentioned. Beacuse it's a completely separate problem, I'll remove this project tag.

It's possible this is a duplicate of https://phabricator.wikimedia.org/T283206 in which case it should be fixed in an hours time.

The vertical alignment seems to be fixed, now it’s horizontally misaligned for me (WTF?).

Screenshot_2021-05-25 99 Ranch Market – Wikipedia.png (706×1 px, 372 KB)

(Same for the image and the link.)

Maybe it’s caused by dewiki’s Vector.css?

I think T205689 fixed it. I don't see any more problems, visual editor and source code are working fine.

Screenshot 2021-05-25 at 09.04.11.png (1×1 px, 728 KB)
Screenshot 2021-05-25 at 09.05.11.png (1×1 px, 457 KB)

Same here. Seems to be working again. Thanks a lot for the quick fix!

Jdlrobson claimed this task.
Jdlrobson raised the priority of this task from High to Needs Triage.

Thanks all for confirming the fix. I patched de.wiki. if there are any further issues on German it's probably best to follow up on wiki.