search

Semantic-Org / Semantic-UI

Semantic is a UI component framework based around useful principles from natural language.
http://www.semantic-ui.com
MIT License
51.1k stars 4.95k forks source link

[Sidebar/All] IE11 should not have blurry content #6669

Open mar753 opened 5 years ago

mar753 commented 5 years ago

I am using Semantic UI React, css-es are downloaded from CDN: cdnjs.cloudflare.com/ajax/libs/semantic-ui/2.4.0/semantic.min.css

I am using some Sidebar/Sidebar.Pushable components and I am facing the issue that content in IE11 is blurry (Firefox, Chrome, Edge are fine), cause of these issues is that css (version 2.4.0) transform uses 'translate3d' and it is known that it causes problems on IE11. Easy fix will be to substitute (if 3D is not needed) all the translate3d(x,y,z) with translate(x,y)

y0hami commented 5 years ago

Can you create a CodeSandbox to replicate the issue?

mar753 commented 5 years ago

Unfortunately I am working with closed source code, here is exactly the same issue with 'tranlate3d': https://github.com/angular/material/issues/4544

CodeSandbox is not compatible with IE11. If I will have some time I will try to create some fiddle.