Line height jumps when focusing WikiEditor in Internet Explorer 9
Closed, ResolvedPublic
Actions

Assigned To

None

Authored By

	• bzimport
	Apr 26 2013, 7:04 AM

Description

Author: mr.heat

Description:
It seems this is not a problem in Internet Explorer 8. It happens only in Internet Explorer 9 as far as I know.

What happens:

Edit a page. The WikiEditor loads. Everything looks nice.
Click inside the edit window.
The text in the edit window is re-rendered and "jumps" down. This is because the line height is increased. It looks like there is an onfocus handler that sets a much larger line-height CSS style. Not sure why this happens. I did not looked at the JavaScript source.

I'm talking about the new extended WikiEditor that is the default since several months.

Version: master
Severity: minor
Platform: PC
See Also:
https://bugzilla.wikimedia.org/show_bug.cgi?id=19334

Mentioned In: T173715: WikiEditor hides the "'Edit help'" links (because it supplies its own in the toolbar), but CodeEditor doesn't

• bzimport raised the priority of this task from to Medium.Nov 22 2014, 1:41 AM

• bzimport set Reference to bz47708.

• bzimport added a subscriber: Unknown Object (MLST).

mr.heat wrote:

Maybe related to bug 19334 but not a duplicate. In this page the edit window does not scroll down. The only thing that changes is the line height.

Yes indeed the text area of the WikiEditor does use a different line height. The other browser are version is also susceptible to this

We should solve this by making sure the original text area shares the same line height, if the wikieditor is going to load. Should be simple.

Change 124734 had a related patch set uploaded by TheDJ:
Prevent style jumping in WikiEditor

Change 124734 merged by jenkins-bot:
Prevent style jumping in WikiEditor