How to resize fancybox on ipad? or alternative to fancybox?

Question

JavaScript

There is a pop-up on fancybox, it has a select, depending on the selected value, the content in the pop-up changes. everything is fine on desktop, $.fancybox.update(); works, and on the iPad, when the content is increased, the popup is stretched down, outside the viewbox. Moreover, if it was centered and small, then when increasing and triggering $.fancybox.update(); its position changes, it rises to the top of the window. However, if you rotate the tablet to change the orientation, then everything becomes fine too, the height of the popup becomes less than the height of the window. orientationchange-event, as I understand it, cannot be emulated? maybe there is some other way to win this moment?

Or maybe someone will recommend a plugin for creating popups, which is devoid of such shortcomings?