angular / material

Material design for AngularJS
https://material.angularjs.org/
MIT License
16.55k stars 3.39k forks source link

Input fields disapear or inaccessable on IE11 / layout-sm #1923

Closed wlodekf closed 8 years ago

wlodekf commented 9 years ago

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 commented 9 years ago

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

wlodekf commented 9 years ago

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).

am-input--ie11

ThomasBurleson commented 9 years ago

@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 commented 9 years ago

screen shot 2015-09-05 at 7 04 29 am

wlodekf commented 9 years ago

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)