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

IE11 layout wonkiness #199

Closed
djglxxii opened this issue Dec 18, 2016 · 5 comments
Closed

IE11 layout wonkiness #199

djglxxii opened this issue Dec 18, 2016 · 5 comments
Labels

Comments

@djglxxii
Copy link

This repository's issues are reserved for feature requests and bug reports.

Do you want to request a feature or report a bug?

BUG

Feature Request

please first make sure your request falls under the official Material Design spec guidelines https://material.google.com/

Bug Report

Simply navigate to the Covalent UI home page https://teradata.github.io/covalent/#/ . Text overlays on top of other text and other general weirdness.

Screenshots or link to CodePen/Plunker/JSfiddle

What is the expected behavior?

What is the motivation / use case for changing the behavior?

Which version of Angular and Material, and which browser and OS does this issue affect?

Internet Explorer 11.

Did this work in previous versions of Angular / Material?

Material 2 rendering appears to be fine.

Please also test with the latest stable and snapshot versions.

Other information

(e.g. detailed explanation, stacktraces, related issues, suggestions how to fix)

@emoralesb05
Copy link
Contributor

Thanks @djglxxii. We really havent done much testing with IE, but we are gonna start doing that soon.

So expect all that fixed when we do 😄 (we need to support IE and Edge for our internal products too)

@kyleledbetter
Copy link
Contributor

@djglxxii just curious have you tested Edge? I ran it on Virtualbox and things looked pretty good

@emoralesb05
Copy link
Contributor

Closing this issue since we have limited support for IE11 due to us heavily depending on flex box which IE11 doesnt support 100%.

https://github.com/Teradata/covalent#browser-support

@djglxxii
Copy link
Author

djglxxii commented Feb 7, 2017

@emoralesb05 Is the limited support due to Covalent or Material 2?

@emoralesb05
Copy link
Contributor

emoralesb05 pushed a commit that referenced this issue Aug 30, 2017
* feat(docs): home IE11 layout & icon flex fixes #199

* feat(navigation-drawer): remove unnecessary flex for IE11 support

* feat(styles): overflow-visible on notification button for IE11 support

* feat(docs): apply overflow-visible to notification button for IE11 support

* feat(docs): height for layout demos for IE11 support

* feat(docs): proper rows for inputs for IE11 support

* feat(chips): update flex layout for IE11 support

* feat(styles): height fix for logo for IE11 support

* feat(styles): layout align center overflow fix for IE11

* feat(messages): vertical center wrapper layout=column IE11 fix

* feat(docs): search demo layout fix for IE11 support

* feat(docs): additional polyfills for NGX-Charts IE11 support

* feat(docs): IE11 requirements & best practices

* chore(): update yarn.lock with latest dependencies

* fix(chips): fix autocomplete click selection for chips

* chore(build): add autoprefixer to build process to ensure all css is prefixed for every browser.

* chore(): point autoprefixer to IE11 specifically

* fix(chips): fix alignment between chips and input (bottom margin)

* fix(chips): make sure the template is wrapped in an element so it doesnt get spaced when stacked

* fix(): typo in /docs/IE11.md

* fix(): loading docs issue in IE11 with loading until boolean usage

* feat(prompt-dialog): proper flex layout for IE11 support

* feat(docs): proper layout for expansion demo form in IE11

* feat(docs): dynamic form correct responsive layout for IE11

* feat(docs): code-editor: proper demo select flex for IE11

* feat(docs): datatable template demo fix for IE11

* feat(data-table): column heading sorting wrapper to support IE11

* fix(): paging issue with select width
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

No branches or pull requests

3 participants