search

PolymerElements / paper-dropdown-menu

A Material Design browser select element
https://www.webcomponents.org/element/PolymerElements/paper-dropdown-menu
61 stars 107 forks source link

Multi-line paper-item-body in dropdown menu renders without width in IE/Edge #234

Open jgraycar opened 7 years ago

jgraycar commented 7 years ago

Description

When opening a paper-dropdown-menu that contains paper-items with multi-line paper-item-bodies in Internet Explorer 11 or Microsoft Edge, the menu items open without a set width, and thus can't be read.

screenshot from 2017-03-27 11 30 29

Expected outcome

The menu items text should be fully visible when opened.

Actual outcome

The menu opens with a very small width, and the menu item text is not visible.

Live Demo

https://jsfiddle.net/58bfkcgm/3/

Steps to reproduce

  1. Create a paper-dropdown-menu that contains a paper-listbox.
  2. Fill the paper-listbox with two-line paper-items, using the paper-item-body component.
  3. Open the paper-dropdown-menu in IE11/Edge.
  4. Observe that the menu opens very narrowly and none of the menu item text is visible.

Browsers Affected