Vue-material: New vue material (1.0 beta) website display problems | chrome , IE , edge

[C0d1ngJammer]

Hello Vue-material community,

I heard about the new Vue-Material version and had to test it, awesome!
The old site worked fine, but on the new site my browsers kinda mess it up.

If you need more information or some clarification, tell me.
This is my first Github post :)

Steps to reproduce

Go to https://vuematerial.io/ via chrome and you should see some wired flicker behavior as below (.gif):

This works sometimes and sometimes not.

The next one occourse in microsoft edge, the "background" is blue and looks like someone selected the elements:

In Internet Explorer (latest version?) I get no result -> empty page. But this might just be a polyfill problem. With the error msg "Promies" is undefined.

In all 3 browsers I cleaned my cache/cookies, disabled extensions and used Incognito mode with the same result. Latest version of Firefox works perfectly fine!

Which browser?

Chrome version:
62.0.3202.94 (64bit)

Edge version:
Microsoft Edge 40.15063.674.0
Microsoft EdgeHTML 15.15063

Internet Explorer version:
11.6.74.15.063.0

Using windows 10 pro

[Oduig]

+1 I have the same problem. It's great to see such active development, though in my humble opinion the old look & feel was more vibrant and clear. I suspect some of the styling hasn't been done yet?

[marcosmoura]

This is due a transition bug. I already know what is happening. Fix will be released soon!

[timoschwarzer]

Fixed by https://github.com/vuematerial/vue-material/commit/d292d800a411eb51587591ca15b3efcbf4018354 (at least on Chrome)

[C0d1ngJammer]

True, transition in chrome is fixed. In Microsoft Edge still the same.

[amenak77]

Hi vue-material community,
I'm Amenak77 part of Freedomotic team (www.freedomotic.com); we are developing a new vue based client for our IoT framework and we are quite satisfied by the results;

here our repository https://github.com/freedomotic/fd-vue-webapp Our aim is replace our old polymer based client with vue, but at the moment, we have same C0s1ngJammer problem with Edge


No problems with Chrome and Firefox
I know that the issue is closed and I don't want to annoy anyone, but "multi browser compatibility" is one of main chiose parameters about vue, and we are a little worried.
Best regards, Amenak77

[Samuell1]

@amenak77 That is bug in Edge we cant do anything with that, only you can update to new Edge version https://github.com/vuematerial/vue-material/issues/1224#issuecomment-349959771

[amenak77]

PD the first picture is normally represented with Chrome, but note how Edge a strong red background component in picture 2 and 3; problem number 2 reported by C0d1ngJammer, but we have the red hulk version :)

[amenak77]

@Samuell1 do you know for sure that upgrading Edge the bug is fixed?

[Samuell1]

@amenak77 yes look at that issue, i have version 41 and its fine (https://github.com/vuematerial/vue-material/issues/1224#issuecomment-348958526)

[amenak77]

@Samuell1 thank you very much; I'll do it ASAP

[amenak77]

Hi guys,
after upgrade to Microsoft Edge 41.16299.15.0 e Microsoft EdgeHTML 16.16299, all fixed

@Samuell1 thanks again. Best regards, Amenak77