Databases
StackOverflow2013
Postsdbo
POEmbedded element (Flash) hogs mouse wheel scrolling when hidden and displayed again
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POEmbedded element (Flash) hogs mouse wheel scrolling when hidden and displayed again
    primarykey
    data
    text
    <p>Hey everyone, I would appreciate some insights. I have researched the infamous 'Flash hogging keyboard focus' issue, but I believe our issue may involve a workaround that someone else has already come across. I've tried the various solutions I've found on stackoverflow and other sites, which I summarize below.</p> <p>We have a web app, and a particular interface loads several divs that we are using as "tabs". When a user clicks one of the tabs, we hide the current div and un-hide the new one. Our main tab (which is loaded when the page loads) embeds a document from Scribd, which is loaded as a Flash movie. When a user clicks on the Flash movie, they scroll with the mouse/keyboard like normal, and when they click outside of the document control returns as expected.</p> <p>When they navigate to another tab and then return to the original tab and click on the embedded Flash to navigate within it, the embedded Flash steals control of the mouse scroll and won't let it go. The user can click in this document and scroll with the arrow keys and then click out of the document and scroll the parent window with the arrow keys, but mouse scrolling is still bound to the embedded Flash movie. The only remedy is a hard page refresh.</p> <p>What I've tried when the user clicks a new tab: If old tab is 'home', remove embedded element from the DOM:</p> <p><code>saved_element = $('[name="flash_embed_object_name"]').remove();</code> </p> <p>If the new tab is 'home', add element back into the DOM:</p> <p><code>$('#parent_div').append(saved_element);</code></p> <p>This doesn't work -- I can confirm that the element is removed from the DOM, but when it is returned to the DOM it hogs mouse scrolling when clicked just like before. I also tried a similar solution, but instead of removing the element I called </p> <p><code>$('[name="flash_embed_object_name"]').blur();</code> and <code>$('#clicked_tab_div').focus();</code></p> <p>but this didn't help either. Does anyone have any other ideas? My next thought is that I somehow need to stop the Flash movie from playing, and then it will return focus to the page.</p> <p>Any input is much appreciated. Thanks!</p>
    singulars
    1. PO
      singulars
      1. PTAnswer
    1. This table or related slice is empty.
    1. PTQuestion
    1. USChristopher Armstrong
    1. USChristopher Armstrong
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POEmbedded element (Flash) hogs mouse wheel scrolling when hidden and displayed again
      1. This table or related slice is empty.
      1. VTApproveEditSuggestion
    1. COCan you please explain the solution? I have a table and embedded pdf being retrieved from jquery ajax call. The mouse focus is on the pdf and I am unable to scroll the table.
      singulars
      1. POEmbedded element (Flash) hogs mouse wheel scrolling when hidden and displayed again
      1. USuser602599
    2. COI believe the solution involved us leaving the embedded element there, but manipulating its position so that it was off the viewable screen. When the the containing element was hidden and shown again, it caused some issues. I believe your case is a little different, unfortunately.
      singulars
      1. POEmbedded element (Flash) hogs mouse wheel scrolling when hidden and displayed again
      1. USChristopher Armstrong
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload