Page MenuHomePhabricator

WPX UI looks wonky in Internet Explorer 11
Open, HighPublic

Description

Text in the description section overflows when using WikiProject Occupational Safety and Health in Internet Explorer 11. (It's what we use at work.) Screenshot forthcoming.

Event Timeline

harej-NIOSH assigned this task to Harej.
harej-NIOSH raised the priority of this task from to High.
harej-NIOSH updated the task description. (Show Details)
harej-NIOSH added a project: WikiProject-X.
harej-NIOSH added a subscriber: harej-NIOSH.
Restricted Application added a subscriber: Aklapper. · View Herald TranscriptAug 21 2015, 1:41 PM
harej-NIOSH set Security to None.Aug 21 2015, 1:42 PM
harej-NIOSH added a subscriber: Isarra.

IE11 doesn't support flexbox (but it unfortunately thinks it does, which makes it that much more complicated to fix). Need to use a browser-specific css override to disable that, then replace it with floats or something.

GOIII added a subscriber: GOIII.Apr 24 2016, 8:30 AM

Both 'boxes' suffer from this well know bug for starters.

The .css settings seem to be generated on-the-fly and are set inline (<div style="....">) rather than pulled from a stylesheet's definition(s) and uses the shorthand flex syntax to boot so changing or adding the flex-basis value in F12 developer tools might not actually reflect the change; iow - somebody needs to test the change by tweaking the extension's code, etc.

Harej added a comment.Apr 24 2016, 4:18 PM

@GOIII, the image you uploaded seems to be some kind of shield icon?

In any case, unfortunately it's not an extension but a series of templates. Hence the use of in-line styling. (Proper CSS would require either an opt-out gadget or global CSS; neither is a good option, since we'd be loading code on all pages for use on a very tiny subset.)

Is there a change we can make to the styling that might work? I can test any changes on IE11.

Harej removed Harej as the assignee of this task.Apr 8 2019, 4:15 PM
Harej added a subscriber: Harej.