Page MenuHomePhabricator

wikit-Dialog component doesn't work on IE11
Closed, ResolvedPublicBUG REPORT

Description

List of steps to reproduce (step by step, including full links if applicable):

  • Open WiKit's Storybook demo page on IE11
  • Navigate to the "Dialog" section in "vue components"

What happens?:

The content of the Canvas page – a button that allows opening the Dialog component – doesn't load, and thus the Dialog component cannot be triggered.

What should have happened instead?:

The button that triggers the Dialog component should be available, and it should let users open the Dialog in the Canvas page.

Software version (if not a Wikimedia wiki), browser information, screenshots, other information, etc:

Tested on IE11 on Windows 11.

Capture.PNG (1×1 px, 115 KB)

Event Timeline

Sarai-WMDE renamed this task from wikit-Dropdown component doesn't work on IE11 to wikit-Dialog component doesn't work on IE11.Jan 3 2022, 9:35 AM

Verified. The Storybook page dedicated to the Dialog component can now be seen in IE11. The canvas page displays the button that allows opening the complex Dialog component.

The wikit-Dialog, though, presents in IE11 the same issue as in Safari's versions 9.1 to 13.1: the component overflows to the left and is hidden by the Storybook menu. In IE11's case, the dialog buttons also appear to not be properly spaced, and paddings are wrong (see screenshot below). A new bug ticket will be created to address these issues.

Dialog-IE11.png (1×2 px, 914 KB)