Page MenuHomePhabricator

Slide-down for popup message (jsMessage) on AJAX watch/unwatch horribly garbled on IE 7
Closed, DeclinedPublic

Description

screenshot

No problem on IE 8; on IE 6 there's no sliding. Bug occurs on IE 7.

See attached screenshot -- actual page contents don't seem to move down when the jsMessage box slides down in IE 7. The page title does, which leaves the title and the watch info box overlapping other stuff on the page.

Seems fine on MonoBook. No difference whether using text or icon watch tab on Vector.


Version: 1.18.x
Severity: enhancement

Attached:

screenshot15.png (950×957 px, 115 KB)

Details

Reference
bz27231

Event Timeline

bzimport raised the priority of this task from to High.Nov 21 2014, 11:17 PM
bzimport set Reference to bz27231.
bzimport added a subscriber: Unknown Object (MLST).

Problem does not appear on prototype -- new code in 1.18?

This happens to me on IE8 on Windows 2008 Server with MediaWiki 1.17.0.

MediaWiki:common.css and MediaWiki:Vector.css and My own user CSS pages are all empty.

I notice I can avoid this problem by commenting out the #bodyContent { position: relative } rule from Vector's screen.css

This was added in r52855 by Trevor "to allow absolutes to be relative to it, rather than #content". I'm not sure offhand what will/won't be changed by changing that.

I can confirm that placing this line in mediawiki:vector.css eliminates the problem:

#bodyContent {
position: static; /* default "position" value */
}

Yes, but it also likely breaks a huge load of templates and gadgets that live inside the bodyContent and position things around the article (such as top icons, and widgets that live next to, above or below the article)

I can't seem to reproduce this in MW 1.18.1. The file changed in r52855 (see Comment 4) no longer exists (skins/vector/main-ltr.css). However, #bodyContent does still have "position:relative" in skins/vector/screen.css.