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

Last step width is miscaculated in Internet Explorer 11 #41

Open
ITForma opened this issue May 1, 2018 · 4 comments
Open

Last step width is miscaculated in Internet Explorer 11 #41

ITForma opened this issue May 1, 2018 · 4 comments
Labels

Comments

@ITForma
Copy link

ITForma commented May 1, 2018

Hi.

It seems IE 11 is miscalculating last step width in horizontal form.

In every case, there are just a few letters of the word displayed. Display is fine in other browsers, including Edge.

Way to reproduce :
Just open the codepen provided on this repo in Internet Explorer 11 and add horizontal class.

See below example with word Callback not shown entirely.

materialize-stepper

@Kinark
Copy link
Owner

Kinark commented Nov 5, 2018

Sorry for the late answer. Everything was made from scratch in the new beta version. Could you test it agian with the information in the new docs?

@00cpxxx
Copy link

00cpxxx commented Nov 20, 2018

I believe a similar, if not the same, bug exists when using iPad Safari or Chrome. The last step is cut, tested against the current docs site. Follow a picture of the example with the problem, it looks like the position does not take something into account.

image

@Kinark
Copy link
Owner

Kinark commented Nov 28, 2018

I'll take a look into it and I'll fix it in the next release :)
Thanks!

@Kinark
Copy link
Owner

Kinark commented Nov 29, 2018

So, I didn't test it on IE, but now that I've looked into the issues related to it, it seems that there's a lot that IE doesn't support, like the Event API.

However, IE is a pretty old browser that I don't plan to support. The Event API, for example, would have to be replaced by the old way of making events, but as the the mozilla site itself said:

Deprecated
This feature is no longer recommended. Though some browsers might still support it, it may have already been removed from the relevant web standards, may be in the process of being dropped, or may only be kept for compatibility purposes. Avoid using it, and update existing code if possible; see the compatibility table at the bottom of this page to guide your decision. Be aware that this feature may cease to work at any time.

I believe that IE is a cancer to the world and anyone who uses it should learn that they should stop. It's a fight that we can only win if we stop supporting it. Like Microsoft products? Use Edge.

About this one:

I believe a similar, if not the same, bug exists when using iPad Safari or Chrome. The last step is cut, tested against the current docs site. Follow a picture of the example with the problem, it looks like the position does not take something into account.

I do not own anything from Apple. I wish I did, but it's super expensive in my country (like 10k an iPhone), so it's hard for me to test it on Apple environment. If you may @00cpxxx, please help me with this one by submitting a PR :)

@Kinark Kinark added the bug label Mar 10, 2019
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