Skip to content
New issue

Have a question about this project? # for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “#”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? # to your account

[Modal] 2.6.4 scrolling not working in iOS (safari + chrome) #6686

Open
tomkif opened this issue Nov 25, 2018 · 3 comments
Open

[Modal] 2.6.4 scrolling not working in iOS (safari + chrome) #6686

tomkif opened this issue Nov 25, 2018 · 3 comments

Comments

@tomkif
Copy link

tomkif commented Nov 25, 2018

Steps

When scrollable modal is shown in vertical or horizontal device orientation the scrolling doesn't work at all.

Expected Result

Scrolling working when modal shown

Actual Result

Scrolling not working when the modal show up BUT works after device orientation change back and forth

Version

2.6.4

Testcase

$("mymodal").modal({
closable: true,
centered: false,
inverted: true,
onVisible: function () {
ajaxFunction("3", "01/01/2108");
$("mymodal").modal("refresh");
}
}).modal('setting', 'transition', 'scale')
.modal('show');

@lubber-de

This comment was marked as spam.

@tomkif
Copy link
Author

tomkif commented Dec 1, 2018

I didn't manage to set up a test case with jsfiddle but I manage to solve my issue by initialising the modal html structure with a placeholder bigger than the mobile screen height which seems to initialise properly the scroll bar and the correct focus on the modal when it will appear. So when showing the modal I call my ajax function as before but it replaces the placeholder content with the dynamic one.
I would prefer to find a more elegant way to solve this but it works.

@lubber-de

This comment was marked as spam.

# for free to join this conversation on GitHub. Already have an account? # to comment
Projects
None yet
Development

No branches or pull requests

3 participants