ios Safari animation issue

marcelodolza / iziModal

Elegant, responsive, flexible and lightweight modal plugin with jQuery.

http://marcelodolza.github.io/iziModal/

Apache License 2.0

2.16k stars 286 forks source link

ios Safari animation issue #131

Open juanpasolano opened 7 years ago

juanpasolano commented 7 years ago

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 commented 7 years ago

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

juanpasolano commented 7 years ago

aha! ok I will

acapro commented 6 years ago

the same happens in safari for mac os as well

karaBASSbaraBASS commented 6 years ago

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/