PopOver On Mobile -- Orientation Change Bug?

[Rob]

Hi, I am using the Popover control on a web app which is intended to be cross-platform from desktop to tablet.  On tablet devices, if a popover is open when the device orientation changes, the popover does not relocate itself to the correct relative position.  See this jsbin from an iPad for an example:

http://jsbin.com/jomehotuka

Can this be fixed, or is there a workaround known to work well?

[Petyo]

Hello Rob,

the mobile popover (like all Kendo UI popups) should close when orientation changes or scrolling occurs. In general, it would be great if the popups could re-position themselves in these cases, but in practice this implementation is quite complex and we haven't done that yet. For some reason, the orientation change does not always close the popover, though. 

The simplest workaround I can come up with is the following:

window.addEventListener("orientationchange", function() {
    var popover = $('[data-role=popover]').data('kendoMobilePopOver');
      if (popover) {
        popover.close();
      }
}, false);

This reliably closes the popover when the orientation changes, at least in my tests. 

Regards,
Petyo
Telerik