APEX: 5.1.2.00.09
Theme: UT
I am helping a client with an issue regarding opening a modal dialog which requires vertical scrolling on an IOS device(iPhone 6, 6s, 7, 7s). The issue is that the user experience from attempting to scroll the modal dialog is very poor. Many times the background page scrolls instead of the modal. Some of the CSS fixes help but sometimes the buttons become hidden which possibly has something to do with the back to top button in the footer? The customer details page(7) of the sample database application is a perfect example of this.
I have seen an improvement by adding the following css to the parent page of the dialog but it is still an awkward experience.
.ui-dialog-content{
-webkit-overflow-scrolling: touch;
overflow: scroll;
}
Other than avoiding large modal dialogs or dialogs all together, has anyone come up with a solution for this?
Thanks,
Tyson