RadWindow Overlay over HTML5 Video on iPad

2 posts, 0 answers
  1. Jesse
    Jesse avatar
    1 posts
    Member since:
    Aug 2011

    Posted 20 Dec 2012 Link to this post

    I have a RadWindow overlay that opens up with some textboxes in it. The overlay pops up over an Flash video normally, but on the iPad, we have an HTML5 video there instead.

    When it's on the iPad with this HTML5 video, whenever I try to click on a textbox to enter information, the click is registered on the HTML5 video behind the overlay instead. Only the left half of the overlay is over the html5 video, so if I click on the far right of the textbox, it will register the click correctly inside the textbox and bring a cursor up. 

    I am calling the SetActive() function on the window, so it should be the active window. Any ideas? Has anyone else run into this problem? It works fine on a desktop when a flash player is involved.

    var oManager = radopen('/testfile.aspx', null);
     
    oManager.setSize(450, 400);
    oManager.center();
    oManager.SetActive();

  2. Marin Bratanov
    Admin
    Marin Bratanov avatar
    5897 posts

    Posted 25 Dec 2012 Link to this post

    Hi Jesse,

    Have you tried setting the Overlay property of the RadWindow to true? Are you using the ContentTemplate and if so, does switching to the NavigateUrl help?

    Generally speaking, only an iframe can go above an object like a video and its purpose is to also consume the events above. I tried a certain player and it seems that this does not function properly under iPad with it. On my end the textbox did not get the tap if it was above the video which means that it has, most likely, bubbled to the video itself. I am attaching here a video from my experiment and the very simplistic markup that shows the basic way the RadWindow is rendered with an overlay. If you are able to get this to work could you post your code here (including a sample of the player you are using) so we can also look into it and see if it is viable that we include that in our source or at least help you incorporate the approach for RadWindow.


    Regards,
    Marin Bratanov
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Back to Top