Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Text inside Tabs is blurry in IE11 #6944

Closed
jsspider opened this issue Sep 8, 2017 · 2 comments · Fixed by #6954
Closed

Text inside Tabs is blurry in IE11 #6944

jsspider opened this issue Sep 8, 2017 · 2 comments · Fixed by #6954
Assignees

Comments

@jsspider
Copy link

jsspider commented Sep 8, 2017

Bug, feature request, or proposal:

Bug.

What is the expected behavior?

Text should not be blurry.

What is the current behavior?

Text is blurry.

What are the steps to reproduce?

Can be seen on the material component page.
https://material.angular.io/components/tabs/overview

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

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

Windows, IE11

Is there anything else we should know?

Is probably caused by the transform: translate3d(0%, 0px, 0px) style rule on .mat-tab-body-content element.
Was not present in beta.8

@julianobrasil
Copy link
Contributor

julianobrasil commented Sep 8, 2017

Tab content is slightly blurred (not sure if the blurring is visible in the pictures bellow because of images resolution).

Chrome:
image

IE11:
image

@crisbeto crisbeto self-assigned this Sep 9, 2017
@crisbeto crisbeto added the has pr label Sep 9, 2017
crisbeto added a commit to crisbeto/material2 that referenced this issue Sep 9, 2017
Fixes the content of tabs being blurred on IE due to a `transform`.

Fixes angular#6944.
crisbeto added a commit to crisbeto/material2 that referenced this issue Sep 11, 2017
Fixes the content of tabs being blurred on IE due to a `transform`.

Fixes angular#6944.
andrewseguin pushed a commit that referenced this issue Sep 29, 2017
Fixes the content of tabs being blurred on IE due to a `transform`.

Fixes #6944.
@angular-automatic-lock-bot
Copy link

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.

@angular-automatic-lock-bot angular-automatic-lock-bot bot locked and limited conversation to collaborators Sep 7, 2019
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants