Page MenuHomePhabricator

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


Author: mr.heat

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.

Other users confirmed the problem:

Version: master
Severity: minor
Platform: PC
See Also:



Event Timeline

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