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

Layout Bug in Safari ios9 and IE11 #13

Open
stewah-WittGruppe opened this issue May 23, 2019 · 0 comments
Open

Layout Bug in Safari ios9 and IE11 #13

stewah-WittGruppe opened this issue May 23, 2019 · 0 comments

Comments

@stewah-WittGruppe
Copy link

stewah-WittGruppe commented May 23, 2019

When you open the example in the documentation with IE11 then you see that you got layout problems.

ie_broken_progress_bar

The points not centered on the line. And the third is not visible.
In Safari ios9 is the third visible but there are all points not centered.
Idea to fix that points are not centered on the line.
You have to set transform: translateY(-50%) to the progressBar
And for step top: 2px; and transform: translate(-50%, 50%);
He moves the third point with the style attribute left: 100%
complete to the right side and then with transform move it with 50% back.
So IE do not show this point. Other browser can work with this.
Idea to fix that is to use negative margin.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

1 participant