Not working in IE

[skype007]

Hi,

I don't know if it's a known problem and if there's already a fix for that but if you tried to run the demo on Chrome : it works :D (the image is indeed displaying).
But in Internet Explorer, the image is not displaying :(

I'm working in a project with Angular4 FYI.

Best regards,
skype007

[themyth92]

Which IE version have you tried ?

[skype007]

I tried on IE11.

Just in case, here are the polyfills I imported for IE (in polyfills.ts) :
/** IE9, IE10 and IE11 requires all of the following polyfills. /
import 'core-js/es6/symbol';
import 'core-js/es6/object';
import 'core-js/es6/function';
import 'core-js/es6/parse-int';
import 'core-js/es6/parse-float';
import 'core-js/es6/number';
import 'core-js/es6/math';
import 'core-js/es6/string';
import 'core-js/es6/date';
import 'core-js/es6/array';
import 'core-js/es6/regexp';
import 'core-js/es6/map';
import 'core-js/es6/set';
/ Evergreen browsers require these. **/
import 'core-js/es6/reflect';
import 'core-js/es7/reflect';

[themyth92]

Ok tks, actually I have not tried using this with IE. Will give it a try and I will try to make it work on IE11 and above. Tks for reporting !

[skype007]

Alright thank you ;) For the time being, I'm using lightbox2 although I'd prefer your library because it's more "angular-friendly".
Thank you again for your work :)

[anupkattel]

I'm having the same issue. It breaks in lightbox.component.ts in _sizeContainer() method. The IE doesn't seem to support the transition. Therefore, _postResize() method doesn't get called at all. I don't know a good fix but my current work-around is to call _postResize method after a second or two using setTimeout() to ensure it gets called in IE.

Do you guys have any thoughts?

[themyth92]

I guess the call back of those transitionend not being called for some reason. PR welcome if u know how to fix it.

[anupkattel]

Hi mate, I've sent the pull request. Apparently, it was some CSS properties for the transition and animation that caused this issue.

[themyth92]

Hi, tks for your help. Really appreciate it. Have you tested on IE 10 and 11, work fine ? Cuz I dont use windows.

[anupkattel]

I've tested it on IE 11 and it works fine. Although I haven't tested this in IE 10, animation-duration and transition-duration are said to be supported in IE 10.0 and above in w3schools. So, it should be fine.

[anupkattel]

@themyth92 Can you please create a new release (in npm)?
@skype007 Are you able to check the fix after the new release is made? Just so this issue can be closed.

[skype007]

Well if https://themyth92.com/project/angular2-lightbox/ is up to date, then I confirm it now works on IE11 ;) I think it can be closed (if it works on IE11, there's no reason it cannot work in IE10).

Good job ;-D