mdSidenav: Blurry content in IE

[chougaard]

The same goes for mdDialog.

This is clear clear on the demo page when using the sidenav and the dialogs.

Sidenav:

When opening the sidenav from the right, the content is blurry.
https://material.angularjs.org/latest/demo/sidenav

mdDialog:

This would be related to this issue #4544
#4544
This is also visible when using the demo for mdDialog on material.angularjs.org.

[ThomasBurleson]

This issue is closed as part of our deprecation effort.
For details, see our post Spring Cleaning 2016.

[Splaktar]

Fix for this is in sidenav.scss:

.md-sidenav-right {
  left: 100%;
  top: 0;
  transform: translate(-100%, 0);
  &._md-closed {
    transform: translate(0%, 0);
  }
}

Reference: 689a34d

[ThomasBurleson]

@Splaktar - thx for the alert and the PR.

[Splaktar]

@ThomasBurleson no problem :)

I think the same fixes that apply to the md-sidenav-right also apply to the md-sidenav-left, but so far I've only been able to reproduce the blurry md-sidenav-left in my app and not in a CodePen (after plenty of effort) or the demos.

[jftsaraiva]

I have the same problem with md-sidenav-left, should open another issue or should do a PR for this issue?

[Splaktar]

@jftsaraiva open another issue with a demo that shows the issue in the left sidenav please.