ios Safari animation issue

[juanpasolano]

I've detected this bug

Video: https://res.cloudinary.com/dp2g0poix/video/upload/v1506371024/iiwebsite_tssnvq.mp4

Expected behaviour The modal appears without gray on top of it

Actual Behaviour It seems like part of the overlay starts on top of the modal and then it jumps in front of it.

Testing on:

iPhone 6
15A372 Safari/11.0 Mobile/604.1"

[marcelodolza]

@juanpasolano Tell me if without the input transition the same happens or switching to another animation without being 'fadeIn' the same occurs.

[juanpasolano]

aha! ok I will

[acapro]

the same happens in safari for mac os as well

[karaBASSbaraBASS]

Have the same issue... I think the problem is due to the perspective 3d. Friends try to choose a different type of animation and there will be happiness...

$('#orderModalModal').iziModal({ headerColor: 'none', focusInput: false, overlayColor: 'rgba(0, 0, 0, 0.9)', transitionIn: 'tada', transitionOut: 'comingOut', transitionInOverlay: 'tada', transitionOutOverlay: 'fadeOut' });

animation list you can find here https://daneden.github.io/animate.css/