Page MenuHomePhabricator

WikiEditor Layout broken in Opera
Closed, DeclinedPublic

Description

Author: accnospamtom

Description:
Screenshot

Opera doesn't receive the styles for ".wikiEditor-ui-toolbar .group .label" (see screenshot in attachment) so the layout for "advanced" is broken (not floated).

If I put those rules in [[Mediawiki:Vector.css]] everything is fine (because that CSS is always loaded for every page visit).

So maybe it has to do something with that "ressource loader" thingy (I don't understand that yet).

Sorry for my poor english ;)


Version: unspecified
Severity: normal

Attached:

WikiEditorAdvancedOperaBug.png (285×616 px, 16 KB)

Details

Reference
bz25724

Event Timeline

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

What happens when you resize the page? Opera has strange reflow bugs, and ResourceLoader fiddles with the timing of resources being loaded.

accnospamtom wrote:

Screenshot 2

Attached:

WikiEditorAdvancedOperaBug2.png (659×504 px, 58 KB)

accnospamtom wrote:

(In reply to comment #1)

What happens when you resize the page? Opera has strange reflow bugs, and
ResourceLoader fiddles with the timing of resources being loaded.

The problem stays the same when I'm resizing the page (as expected, because Opera doesn't receive a specific CSS).

In my second screenshot you see the computed style for the format buttons-label.

The rules for ".wikiEditor-ui-toolbar .group .label" are missing, which are:
border:0 none;
color:#777777;
cursor:default;
float:left;
height:22px;
line-height:22px;
margin:2px 8px 2px 5px;

If I put those in [[Mediawiki:Vector.css]] everything (even when resizing) seems fine.

I tested in Opera 10.63 (win & mac) and Opera 11alpha (win). It's the same. CSS is missing.

I fixed this in r79973, but not by applying logic or common sense - Opera must be tripping over some CSS hacks or something.

And then fixed again in r80060 - Opera has a bug as it appears, when you use !important after a url() statement in CSS.

It appears to work well in Opera 11.6 on Windows XP. Should this be kept open?

Advanced menu in Opera 12 is working fine. It appears this bug is resolved.