Materialize-stepper icon indicating copy to clipboard operation
Materialize-stepper copied to clipboard

Last step width is miscaculated in Internet Explorer 11

Open ITForma opened this issue 7 years ago • 4 comments

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

ITForma avatar May 01 '18 06:05 ITForma

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?

Kinark avatar Nov 05 '18 10:11 Kinark

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

00cpxxx avatar Nov 20 '18 16:11 00cpxxx

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

Kinark avatar Nov 28 '18 04:11 Kinark

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 avatar Nov 29 '18 01:11 Kinark