Paginator not rendered correctly in IE 11

[wimbou]

Bug:

The paginator layout is broken on Internet Explorer 11

What is the expected behavior?

De paginator should be correctly aligned on one row

What is the current behavior?

De paginator is split on several rows

What are the steps to reproduce?

Visit the table examples with the paginator in IE 11 https://material.angular.io/components/table/examples

What is the use-case or motivation for changing an existing behavior?

Make IE 11 users have the same user experience

Which versions of Angular, Material, OS, TypeScript, browsers are affected?

Is there anything else we should know?

[donroyco]

Do you have a screenshot of the behaviour?

[wimbou]

[julianobrasil]

In fact, material.angular.io layout is also broken in IE11:

But that's already being tracked in angular/material.angular.io#391

The vertical positioning is wrong in both cases. It can be just a coincidence, but IE11 is always breaking layouts when you're counting on vertical alignment without fixing the container height. When using flex-layout with fxLayout="column" I always use fxFlex="noshrink" to avoid trouble with IE11.

[crisbeto]

Closing as fixed in #9776.

[karlmnz]

Why are these issues being closed when the material.angular.io site is not working? Seem you have created cyclic ref. to other closed issues all of which haven't resolved initial issues as per original current behaviour screen shot. I have just viewed and get the same error. Then in my angular app getting a whole lot worse.

Surely you can't close something until the fix is actually applied.

[andrewseguin]

Our process is to close issues once the fix has been merged into the master branch, not necessarily when the release occurs or the docs site is updated with the latest version.

[mradyuk]

how to fix it paginator (material 5.2.1) for IE 11 ?

[julianobrasil]

I'm afraid the fix exists just in >= 5.2.4. Before that the first and last page icons were made of multiple icons each. In 5.2.4 each icon was replaced by a single svg image (PR #9776)

[angular-automatic-lock-bot]

This issue has been automatically locked due to inactivity.
Please file a new issue if you are encountering a similar or related problem.

Read more about our automatic conversation locking policy.

_{This action has been performed automatically by a bot.}