Describe the bug
Displayed text in the Source editor doesn't match up with the cursor and text being edited. This happens in at least two different situations.
Which page(s) does the bug affect?
Lots of Source edit pages, maybe most of them at one point or another.
Steps to reproduce the behavior:
1. Go to, for example, the Source editing page for Time Line.
2. Use the Find function to look for that phrase "survived, which", then adjust your browser width until the two words are on separate lines, and then make tiny adjustments until the highlighted text no longer matches the displayed text.
3. Try selecting the entire paragraph, or editing the text.
Go to the Source editing page for Ioun.
Keep adjusting the browser width until the spellcheck lines no longer match up with the words they're supposed to.
One expects the displayed text to match up with the text being edited.
Here's what happens when I use the Find function for the phrase "survived, which". The highlighted green section is where the text actually is for editing purposes, but the word "which" is displayed on the next line.
The squiggly red underlines show where the spellcheck is trying to highlight the jargon words "Veluthil" and "Wildemount," but the displayed words are pushed to the right of where the words actually are for editing purposes.
This has a cascading effect on all the text that comes afterward. After this paragraph, everything is off by one line. See what happens when I use the Find function on the next bit of text below that paragraph:
If I click at the end of that highlighted area and start tapping the Delete key, it starts deleting the displayed text one line below:
Notice the cursor appears to be a line above the displayed text that is being edited.
This happens at random on a lot of pages, where one word just happens to get displaced to the next line. I think there are slightly different frame widths for the underlying text and the displayed text.
Similarly, this came up when editing the page for Zaafin (though the page looks different now, as I took this screenshot a week ago):
The blue highlighted area is the entire editable area of the paragraph, right to the end of the episode reference. Again, notice that the short red underlines are where the word "ep" actually is in each case, but the displayed text has been shifted forward.
A similar error with an apparently different cause came up when editing the page for Ioun recently:
The blue highlighted area is actually the paragraph starting with, "The Cobalt Vault is the order's headquarters..." You can see from the red spell-check lines that the browser knows all these Critical Role jargon words (and the contraction "ep") are actually on the line above where they appear. It's like the Source editor isn't recognizing the line break above.
The above screenshot is from a week ago, and it came up at random. Just now I deliberately adjusted my browser width until an error happened, and notice where the red underlines stop matching up:
Clearly, the letters "ul" are supposed to be underlined, but they appear on the next line instead.
- OS: macOS 11.2
- Browser: Chrome
- Version 91.0.4472.114 (Official Build) (arm64)
I haven't had this problem in Firefox (using version: 89.0.2).