Input fields disapear or inaccessable on IE11 / layout-sm

[wlodekf]

On Internet Explorer (11) if there are at least 2 input fields in a row sized with flex and layout-sm is set to "column" then the fields disappear or are inaccessable on narrow browser window. This can be seen in docs/demo app. See Company/Submission, First name/Last name and City/State/Postal Code rows of fields in Demos > Input.

If the fields are not sized with flex (like Title/Email) or if there is just one field in a row it's OK.

[ThomasBurleson]

Please provide a CodePen or Plunkr that demonstrates this issue. Here are some starter demo templates that you can use/fork:

• CodePen template: http://codepen.io/team/AngularMaterial/pen/BNYppz
• Plunkr template: http://plnkr.co/edit/yP0gB9iTacIQb48thud8?p=preview.

[wlodekf]

It's just the angular material demo / input Codepen When the window is less than 600px wide I get something like on the attached picture, where on the left you have inaccessable fields (submission date, first and last name, city, state, postal code).

[ThomasBurleson]

@wlodekf - Thank you. This allows us to investigate the issue.

BTW - it appears that you are not using the latest codebase in master (v0.11.0-rc2).

[ThomasBurleson]

[wlodekf]

Updated the code base but that didn't help. Your screen shot shows how it is expected to work and how it looks on other browsers, the problem is on Windows 8.1/IE 11 (11.0.9600.17031)