Loading ...
Sorry, an error occurred while loading the content.

Problem with flex (.swf) inside a panel in Firefox

Expand Messages
  • aniad
    We have a nested full screen layout. In the `bottom part of the inner layout (which is in the `center of the outer layout) we have a tabs control. Each tab
    Message 1 of 17 , Sep 30, 2008
    • 0 Attachment
      We have a nested full screen layout. In the `bottom' part of the
      inner layout (which is in the `center' of the outer layout) we have a
      tabs control. Each tab creates an iframe into which a page is
      displayed, depending on what is selected elsewhere in the UI.

      When the user clicks a button a panel is made visible which has a
      <div> inside which a .swf file is rendered. The swf has a number of
      controls, buttons and drop boxes with which the user interacts.

      The problem (FF only, works correctly in IE):
      When the panel with .swf is visible the mouse is not tracked properly
      within the swf. The portions of the panel/swf that overlay the iframe
      displayed in the bottom/tabs portion do not track the mouse properly,
      thus appearing unresponsive. Right clicking in the .swf shows the
      standard flex context menu way off from where the mouse was clicked.
      Dragging the panel around the screen exaggerates the problem of
      tracking the mouse, even allowing the flex context menu to appear
      entirely outside of the panel/swf area. The problem does not seem to
      be contained to the panel being over an iframe. Dragging the panel so
      that it sits on top of other parts of the layout (with simple html)
      also has issues. There is another flex control always displayed in
      one of the parts of the layout. Dragging the panel to that part of
      the screen always tracks the mouse correctly within the panel that
      sits directly on top of that other flex widget.

      Are there any known problems of hosting a .swf inside a panel in FF?
      As mentioned before, this does not happen in IE.

      Ania.
    • Eric Miraglia
      Ania, Here s what our Flash experts say: My suggestion would be to check the wmode of their SWF embed. This sounds like a longstanding issue with the plugin
      Message 2 of 17 , Oct 1, 2008
      • 0 Attachment
        Ania,

        Here's what our Flash experts say:

        My suggestion would be to check the wmode of their SWF embed. This sounds like a longstanding issue with the plugin version of the player when the wmode is set to transparent or opaque. Changing the wmode to window should fix it. If that is not the case, they’ll need to send a link or their code and I can take a look.

        See if wmode solves your problem; if not, please send a link to the page where you're having the problem.

        Regards,
        Eric


        On Sep 30, 2008, at 3:45 PM, aniad wrote:

        We have a nested full screen layout. In the `bottom' part of the
        inner layout (which is in the `center' of the outer layout) we have a
        tabs control. Each tab creates an iframe into which a page is
        displayed, depending on what is selected elsewhere in the UI.

        When the user clicks a button a panel is made visible which has a
        <div> inside which a .swf file is rendered. The swf has a number of
        controls, buttons and drop boxes with which the user interacts.

        The problem (FF only, works correctly in IE): 
        When the panel with .swf is visible the mouse is not tracked properly
        within the swf. The portions of the panel/swf that overlay the iframe
        displayed in the bottom/tabs portion do not track the mouse properly,
        thus appearing unresponsive. Right clicking in the .swf shows the
        standard flex context menu way off from where the mouse was clicked. 
        Dragging the panel around the screen exaggerates the problem of
        tracking the mouse, even allowing the flex context menu to appear
        entirely outside of the panel/swf area. The problem does not seem to
        be contained to the panel being over an iframe. Dragging the panel so
        that it sits on top of other parts of the layout (with simple html)
        also has issues. There is another flex control always displayed in
        one of the parts of the layout. Dragging the panel to that part of
        the screen always tracks the mouse correctly within the panel that
        sits directly on top of that other flex widget.

        Are there any known problems of hosting a .swf inside a panel in FF? 
        As mentioned before, this does not happen in IE. 

        Ania.


      • aniad
        Eric, Changing the wmode helped a little. The mouse tracks correctly when the panel is dragged around over most of the screen areas, however it still is
        Message 3 of 17 , Oct 1, 2008
        • 0 Attachment
          Eric,

          Changing the wmode helped a little. The mouse tracks correctly when
          the panel is dragged around over most of the screen areas, however it
          still is unresponsive when the panel is over an iframe. I'll put
          together simple example of this problem.
          Ania.

          btw, did you have a chance to look at
          http://tech.groups.yahoo.com/group/ydn-javascript/message/38440? I
          posted simple nested layout code which demonstrates the 'invalid
          argument' error.
          a.

          --- In ydn-javascript@yahoogroups.com, Eric Miraglia <miraglia@...> wrote:
          >
          > Ania,
          >
          > Here's what our Flash experts say:
          >
          > My suggestion would be to check the wmode of their SWF embed. This
          > sounds like a longstanding issue with the plugin version of the player
          > when the wmode is set to transparent or opaque. Changing the wmode to
          > window should fix it. If that is not the case, they'll need to send a
          > link or their code and I can take a look.
          >
          > See if wmode solves your problem; if not, please send a link to the
          > page where you're having the problem.
          >
          > Regards,
          > Eric
          >
          >
          > On Sep 30, 2008, at 3:45 PM, aniad wrote:
          >
          > > We have a nested full screen layout. In the `bottom' part of the
          > > inner layout (which is in the `center' of the outer layout) we have a
          > > tabs control. Each tab creates an iframe into which a page is
          > > displayed, depending on what is selected elsewhere in the UI.
          > >
          > > When the user clicks a button a panel is made visible which has a
          > > <div> inside which a .swf file is rendered. The swf has a number of
          > > controls, buttons and drop boxes with which the user interacts.
          > >
          > > The problem (FF only, works correctly in IE):
          > > When the panel with .swf is visible the mouse is not tracked properly
          > > within the swf. The portions of the panel/swf that overlay the iframe
          > > displayed in the bottom/tabs portion do not track the mouse properly,
          > > thus appearing unresponsive. Right clicking in the .swf shows the
          > > standard flex context menu way off from where the mouse was clicked.
          > > Dragging the panel around the screen exaggerates the problem of
          > > tracking the mouse, even allowing the flex context menu to appear
          > > entirely outside of the panel/swf area. The problem does not seem to
          > > be contained to the panel being over an iframe. Dragging the panel so
          > > that it sits on top of other parts of the layout (with simple html)
          > > also has issues. There is another flex control always displayed in
          > > one of the parts of the layout. Dragging the panel to that part of
          > > the screen always tracks the mouse correctly within the panel that
          > > sits directly on top of that other flex widget.
          > >
          > > Are there any known problems of hosting a .swf inside a panel in FF?
          > > As mentioned before, this does not happen in IE.
          > >
          > > Ania.
          > >
          > >
          > >
          >
        • aniad
          Here is a link to a zip file which has a simple .html and a simple .swf file which demonstrate the problem (I have also included the code for the .swf file in
          Message 4 of 17 , Oct 2, 2008
          • 0 Attachment
            Here is a link to a zip file which has a simple .html and a simple
            .swf file which demonstrate the problem (I have also included the code
            for the .swf file in case you need it).

            https://download.amberpoint.com/forYahoo/SwfOverIframe_Problem.zip
            Username: Yahoo
            Password: bug4yahoo

            As you will see in the text in the .html, the problem is very much
            linked to the order in which items are created. However, we have
            certain dependencies between the .swf and other items on the page
            therefore need to create the panel w/.swf first.

            Ania.



            --- In ydn-javascript@yahoogroups.com, "aniad" <aniad@...> wrote:
            >
            > Eric,
            >
            > Changing the wmode helped a little. The mouse tracks correctly when
            > the panel is dragged around over most of the screen areas, however it
            > still is unresponsive when the panel is over an iframe. I'll put
            > together simple example of this problem.
            > Ania.
            >
            > btw, did you have a chance to look at
            > http://tech.groups.yahoo.com/group/ydn-javascript/message/38440? I
            > posted simple nested layout code which demonstrates the 'invalid
            > argument' error.
            > a.
            >
            > --- In ydn-javascript@yahoogroups.com, Eric Miraglia <miraglia@> wrote:
            > >
            > > Ania,
            > >
            > > Here's what our Flash experts say:
            > >
            > > My suggestion would be to check the wmode of their SWF embed. This
            > > sounds like a longstanding issue with the plugin version of the
            player
            > > when the wmode is set to transparent or opaque. Changing the wmode
            to
            > > window should fix it. If that is not the case, they'll need to
            send a
            > > link or their code and I can take a look.
            > >
            > > See if wmode solves your problem; if not, please send a link to the
            > > page where you're having the problem.
            > >
            > > Regards,
            > > Eric
            > >
            > >
            > > On Sep 30, 2008, at 3:45 PM, aniad wrote:
            > >
            > > > We have a nested full screen layout. In the `bottom' part of the
            > > > inner layout (which is in the `center' of the outer layout) we
            have a
            > > > tabs control. Each tab creates an iframe into which a page is
            > > > displayed, depending on what is selected elsewhere in the UI.
            > > >
            > > > When the user clicks a button a panel is made visible which has a
            > > > <div> inside which a .swf file is rendered. The swf has a number of
            > > > controls, buttons and drop boxes with which the user interacts.
            > > >
            > > > The problem (FF only, works correctly in IE):
            > > > When the panel with .swf is visible the mouse is not tracked
            properly
            > > > within the swf. The portions of the panel/swf that overlay the
            iframe
            > > > displayed in the bottom/tabs portion do not track the mouse
            properly,
            > > > thus appearing unresponsive. Right clicking in the .swf shows the
            > > > standard flex context menu way off from where the mouse was clicked.
            > > > Dragging the panel around the screen exaggerates the problem of
            > > > tracking the mouse, even allowing the flex context menu to appear
            > > > entirely outside of the panel/swf area. The problem does not seem to
            > > > be contained to the panel being over an iframe. Dragging the
            panel so
            > > > that it sits on top of other parts of the layout (with simple html)
            > > > also has issues. There is another flex control always displayed in
            > > > one of the parts of the layout. Dragging the panel to that part of
            > > > the screen always tracks the mouse correctly within the panel that
            > > > sits directly on top of that other flex widget.
            > > >
            > > > Are there any known problems of hosting a .swf inside a panel in FF?
            > > > As mentioned before, this does not happen in IE.
            > > >
            > > > Ania.
            > > >
            > > >
            > > >
            > >
            >
          • Satyen Desai
            Hi, Thanks for the detailed example page. Try using the following version of your page:
            Message 5 of 17 , Oct 2, 2008
            • 0 Attachment
              Hi,
              Thanks for the detailed example page.

              Try using the following version of your page:

              http://yuiblog.com/sandbox/yui/v250/examples/container/panelOverIframe.html

              (Your swf isn't hosted at the above location, so you'll need to download it and try it out locally)

              The main change is to applying overflow:auto to the flashWrapperDiv.

              Some notes:

              * I found that I had to apply overflow:auto dynamically through
              script as opposed to using static CSS - probably a "redraw" issue.

              * We apply overflow:auto to the Panel shadow, for FF/Mac already to
              deal with scrollbar bleed through issues, so the fix was only
              required for FF/Win.

              The other minor changes are just to get the height set correctly.

              Tried it across FF2, FF3 on WinXP/MacOS and seems to work fine, aside from the fact that the swf is not re-drawn when dragging in FF2/MacOS for step 1 of your repro example (which can probably be resolved also, if it's a real part of your application)

              Let me know how it goes.

              Regards,
              Satyen

              ________________________________________
              From: ydn-javascript@yahoogroups.com [mailto:ydn-javascript@yahoogroups.com] On Behalf Of aniad
              Sent: Thursday, October 02, 2008 9:45 AM
              To: ydn-javascript@yahoogroups.com
              Subject: [ydn-javascript] Re: Problem with flex (.swf) inside a panel in Firefox

              Here is a link to a zip file which has a simple .html and a simple
              .swf file which demonstrate the problem (I have also included the code
              for the .swf file in case you need it).

              https://download.amberpoint.com/forYahoo/SwfOverIframe_Problem.zip
              Username: Yahoo
              Password: bug4yahoo

              As you will see in the text in the .html, the problem is very much
              linked to the order in which items are created. However, we have
              certain dependencies between the .swf and other items on the page
              therefore need to create the panel w/.swf first.

              Ania.

              --- In ydn-javascript@yahoogroups.com, "aniad" <aniad@...> wrote:
              >
              > Eric,
              >
              > Changing the wmode helped a little. The mouse tracks correctly when
              > the panel is dragged around over most of the screen areas, however it
              > still is unresponsive when the panel is over an iframe. I'll put
              > together simple example of this problem.
              > Ania.
              >
              > btw, did you have a chance to look at
              > http://tech.groups.yahoo.com/group/ydn-javascript/message/38440? I
              > posted simple nested layout code which demonstrates the 'invalid
              > argument' error.
              > a.
              >
              > --- In ydn-javascript@yahoogroups.com, Eric Miraglia <miraglia@> wrote:
              > >
              > > Ania,
              > >
              > > Here's what our Flash experts say:
              > >
              > > My suggestion would be to check the wmode of their SWF embed. This
              > > sounds like a longstanding issue with the plugin version of the
              player
              > > when the wmode is set to transparent or opaque. Changing the wmode
              to
              > > window should fix it. If that is not the case, they'll need to
              send a
              > > link or their code and I can take a look.
              > >
              > > See if wmode solves your problem; if not, please send a link to the
              > > page where you're having the problem.
              > >
              > > Regards,
              > > Eric
              > >
              > >
              > > On Sep 30, 2008, at 3:45 PM, aniad wrote:
              > >
              > > > We have a nested full screen layout. In the `bottom' part of the
              > > > inner layout (which is in the `center' of the outer layout) we
              have a
              > > > tabs control. Each tab creates an iframe into which a page is
              > > > displayed, depending on what is selected elsewhere in the UI.
              > > >
              > > > When the user clicks a button a panel is made visible which has a
              > > > <div> inside which a .swf file is rendered. The swf has a number of
              > > > controls, buttons and drop boxes with which the user interacts.
              > > >
              > > > The problem (FF only, works correctly in IE):
              > > > When the panel with .swf is visible the mouse is not tracked
              properly
              > > > within the swf. The portions of the panel/swf that overlay the
              iframe
              > > > displayed in the bottom/tabs portion do not track the mouse
              properly,
              > > > thus appearing unresponsive. Right clicking in the .swf shows the
              > > > standard flex context menu way off from where the mouse was clicked.
              > > > Dragging the panel around the screen exaggerates the problem of
              > > > tracking the mouse, even allowing the flex context menu to appear
              > > > entirely outside of the panel/swf area. The problem does not seem to
              > > > be contained to the panel being over an iframe. Dragging the
              panel so
              > > > that it sits on top of other parts of the layout (with simple html)
              > > > also has issues. There is another flex control always displayed in
              > > > one of the parts of the layout. Dragging the panel to that part of
              > > > the screen always tracks the mouse correctly within the panel that
              > > > sits directly on top of that other flex widget.
              > > >
              > > > Are there any known problems of hosting a .swf inside a panel in FF?
              > > > As mentioned before, this does not happen in IE.
              > > >
              > > > Ania.
              > > >
              > > >
              > > >
              > >
              >
            • aniad
              Hi Satyen, Thank you so much for your reply. I m still working on this... turns out that setting the style on the div causes a RELOAD of the flex widget, which
              Message 6 of 17 , Oct 2, 2008
              • 0 Attachment
                Hi Satyen,

                Thank you so much for your reply.

                I'm still working on this... turns out that setting the style on the
                div causes a RELOAD of the flex widget, which is something we are very
                much trying to avoid. In addition, after it reloads the flex's
                external interfaces seem unresponsive... You can see that reload when
                you create the panel, then the layout (which hides the panel) then
                show the panel which will come back blank then paints the .swf. What
                I don't quite understand is that from there on it seems fine. Meaning
                that subsequent hide/show don't cause the reload, it is as if only the
                first .setStyle does it. Can you think of any other work around which
                would not involve a reload of the flex?

                Ania.

                p.s. What I also noted, is that when the panel is hidden and I bring
                up Firebug (f12) the panel "spontaneously" becomes visible... any idea
                about that?

                a.


                --- In ydn-javascript@yahoogroups.com, "Satyen Desai" <sdesai@...> wrote:
                >
                > Hi,
                > Thanks for the detailed example page.
                >
                > Try using the following version of your page:
                >
                >
                http://yuiblog.com/sandbox/yui/v250/examples/container/panelOverIframe.html
                >
                > (Your swf isn't hosted at the above location, so you'll need to
                download it and try it out locally)
                >
                > The main change is to applying overflow:auto to the flashWrapperDiv.
                >
                > Some notes:
                >
                > * I found that I had to apply overflow:auto dynamically through
                > script as opposed to using static CSS - probably a "redraw" issue.
                >
                > * We apply overflow:auto to the Panel shadow, for FF/Mac already to
                > deal with scrollbar bleed through issues, so the fix was only
                > required for FF/Win.
                >
                > The other minor changes are just to get the height set correctly.
                >
                > Tried it across FF2, FF3 on WinXP/MacOS and seems to work fine,
                aside from the fact that the swf is not re-drawn when dragging in
                FF2/MacOS for step 1 of your repro example (which can probably be
                resolved also, if it's a real part of your application)
                >
                > Let me know how it goes.
                >
                > Regards,
                > Satyen
                >
                > ________________________________________
                > From: ydn-javascript@yahoogroups.com
                [mailto:ydn-javascript@yahoogroups.com] On Behalf Of aniad
                > Sent: Thursday, October 02, 2008 9:45 AM
                > To: ydn-javascript@yahoogroups.com
                > Subject: [ydn-javascript] Re: Problem with flex (.swf) inside a
                panel in Firefox
                >
                > Here is a link to a zip file which has a simple .html and a simple
                > .swf file which demonstrate the problem (I have also included the code
                > for the .swf file in case you need it).
                >
                > https://download.amberpoint.com/forYahoo/SwfOverIframe_Problem.zip
                > Username: Yahoo
                > Password: bug4yahoo
                >
                > As you will see in the text in the .html, the problem is very much
                > linked to the order in which items are created. However, we have
                > certain dependencies between the .swf and other items on the page
                > therefore need to create the panel w/.swf first.
                >
                > Ania.
                >
                > --- In ydn-javascript@yahoogroups.com, "aniad" <aniad@> wrote:
                > >
                > > Eric,
                > >
                > > Changing the wmode helped a little. The mouse tracks correctly when
                > > the panel is dragged around over most of the screen areas, however it
                > > still is unresponsive when the panel is over an iframe. I'll put
                > > together simple example of this problem.
                > > Ania.
                > >
                > > btw, did you have a chance to look at
                > > http://tech.groups.yahoo.com/group/ydn-javascript/message/38440? I
                > > posted simple nested layout code which demonstrates the 'invalid
                > > argument' error.
                > > a.
                > >
                > > --- In ydn-javascript@yahoogroups.com, Eric Miraglia <miraglia@>
                wrote:
                > > >
                > > > Ania,
                > > >
                > > > Here's what our Flash experts say:
                > > >
                > > > My suggestion would be to check the wmode of their SWF embed. This
                > > > sounds like a longstanding issue with the plugin version of the
                > player
                > > > when the wmode is set to transparent or opaque. Changing the wmode
                > to
                > > > window should fix it. If that is not the case, they'll need to
                > send a
                > > > link or their code and I can take a look.
                > > >
                > > > See if wmode solves your problem; if not, please send a link to the
                > > > page where you're having the problem.
                > > >
                > > > Regards,
                > > > Eric
                > > >
                > > >
                > > > On Sep 30, 2008, at 3:45 PM, aniad wrote:
                > > >
                > > > > We have a nested full screen layout. In the `bottom' part of the
                > > > > inner layout (which is in the `center' of the outer layout) we
                > have a
                > > > > tabs control. Each tab creates an iframe into which a page is
                > > > > displayed, depending on what is selected elsewhere in the UI.
                > > > >
                > > > > When the user clicks a button a panel is made visible which has a
                > > > > <div> inside which a .swf file is rendered. The swf has a
                number of
                > > > > controls, buttons and drop boxes with which the user interacts.
                > > > >
                > > > > The problem (FF only, works correctly in IE):
                > > > > When the panel with .swf is visible the mouse is not tracked
                > properly
                > > > > within the swf. The portions of the panel/swf that overlay the
                > iframe
                > > > > displayed in the bottom/tabs portion do not track the mouse
                > properly,
                > > > > thus appearing unresponsive. Right clicking in the .swf shows the
                > > > > standard flex context menu way off from where the mouse was
                clicked.
                > > > > Dragging the panel around the screen exaggerates the problem of
                > > > > tracking the mouse, even allowing the flex context menu to appear
                > > > > entirely outside of the panel/swf area. The problem does not
                seem to
                > > > > be contained to the panel being over an iframe. Dragging the
                > panel so
                > > > > that it sits on top of other parts of the layout (with simple
                html)
                > > > > also has issues. There is another flex control always displayed in
                > > > > one of the parts of the layout. Dragging the panel to that part of
                > > > > the screen always tracks the mouse correctly within the panel that
                > > > > sits directly on top of that other flex widget.
                > > > >
                > > > > Are there any known problems of hosting a .swf inside a panel
                in FF?
                > > > > As mentioned before, this does not happen in IE.
                > > > >
                > > > > Ania.
                > > > >
                > > > >
                > > > >
                > > >
                > >
                >
              • Satyen Desai
                ... would not involve a reload of the flex? Is this with the updated file I provided below or with your original zip? Also any specific version of FF/OS? ...
                Message 7 of 17 , Oct 2, 2008
                • 0 Attachment
                  >> first .setStyle does it. Can you think of any other work around which
                  would not involve a reload of the flex?

                  Is this with the updated file I provided below or with your original zip? Also any specific version of FF/OS?

                  >> p.s. What I also noted, is that when the panel is hidden and I bring
                  up Firebug (f12) the panel "spontaneously" becomes visible... any idea
                  about that?

                  I believe this may be because in your original code you had "fixedcenter" set to true, which will attempt to center the Panel whenever the window is resized. In my modified version, I just changed this to invoke panel.center() when it's shown.

                  Regards,
                  Satyen
                  ________________________________________
                  From: ydn-javascript@yahoogroups.com [mailto:ydn-javascript@yahoogroups.com] On Behalf Of aniad
                  Sent: Thursday, October 02, 2008 3:58 PM
                  To: ydn-javascript@yahoogroups.com
                  Subject: [ydn-javascript] Re: Problem with flex (.swf) inside a panel in Firefox

                  Hi Satyen,

                  Thank you so much for your reply.

                  I'm still working on this... turns out that setting the style on the
                  div causes a RELOAD of the flex widget, which is something we are very
                  much trying to avoid. In addition, after it reloads the flex's
                  external interfaces seem unresponsive... You can see that reload when
                  you create the panel, then the layout (which hides the panel) then
                  show the panel which will come back blank then paints the .swf. What
                  I don't quite understand is that from there on it seems fine. Meaning
                  that subsequent hide/show don't cause the reload, it is as if only the
                  first .setStyle does it. Can you think of any other work around which
                  would not involve a reload of the flex?

                  Ania.

                  p.s. What I also noted, is that when the panel is hidden and I bring
                  up Firebug (f12) the panel "spontaneously" becomes visible... any idea
                  about that?

                  a.

                  --- In ydn-javascript@yahoogroups.com, "Satyen Desai" <sdesai@...> wrote:
                  >
                  > Hi,
                  > Thanks for the detailed example page.
                  >
                  > Try using the following version of your page:
                  >
                  >
                  http://yuiblog.com/sandbox/yui/v250/examples/container/panelOverIframe.html
                  >
                  > (Your swf isn't hosted at the above location, so you'll need to
                  download it and try it out locally)
                  >
                  > The main change is to applying overflow:auto to the flashWrapperDiv.
                  >
                  > Some notes:
                  >
                  > * I found that I had to apply overflow:auto dynamically through
                  > script as opposed to using static CSS - probably a "redraw" issue.
                  >
                  > * We apply overflow:auto to the Panel shadow, for FF/Mac already to
                  > deal with scrollbar bleed through issues, so the fix was only
                  > required for FF/Win.
                  >
                  > The other minor changes are just to get the height set correctly.
                  >
                  > Tried it across FF2, FF3 on WinXP/MacOS and seems to work fine,
                  aside from the fact that the swf is not re-drawn when dragging in
                  FF2/MacOS for step 1 of your repro example (which can probably be
                  resolved also, if it's a real part of your application)
                  >
                  > Let me know how it goes.
                  >
                  > Regards,
                  > Satyen
                  >
                  > ________________________________________
                  > From: ydn-javascript@yahoogroups.com
                  [mailto:ydn-javascript@yahoogroups.com] On Behalf Of aniad
                  > Sent: Thursday, October 02, 2008 9:45 AM
                  > To: ydn-javascript@yahoogroups.com
                  > Subject: [ydn-javascript] Re: Problem with flex (.swf) inside a
                  panel in Firefox
                  >
                  > Here is a link to a zip file which has a simple .html and a simple
                  > .swf file which demonstrate the problem (I have also included the code
                  > for the .swf file in case you need it).
                  >
                  > https://download.amberpoint.com/forYahoo/SwfOverIframe_Problem.zip
                  > Username: Yahoo
                  > Password: bug4yahoo
                  >
                  > As you will see in the text in the .html, the problem is very much
                  > linked to the order in which items are created. However, we have
                  > certain dependencies between the .swf and other items on the page
                  > therefore need to create the panel w/.swf first.
                  >
                  > Ania.
                  >
                  > --- In ydn-javascript@yahoogroups.com, "aniad" <aniad@> wrote:
                  > >
                  > > Eric,
                  > >
                  > > Changing the wmode helped a little. The mouse tracks correctly when
                  > > the panel is dragged around over most of the screen areas, however it
                  > > still is unresponsive when the panel is over an iframe. I'll put
                  > > together simple example of this problem.
                  > > Ania.
                  > >
                  > > btw, did you have a chance to look at
                  > > http://tech.groups.yahoo.com/group/ydn-javascript/message/38440? I
                  > > posted simple nested layout code which demonstrates the 'invalid
                  > > argument' error.
                  > > a.
                  > >
                  > > --- In ydn-javascript@yahoogroups.com, Eric Miraglia <miraglia@>
                  wrote:
                  > > >
                  > > > Ania,
                  > > >
                  > > > Here's what our Flash experts say:
                  > > >
                  > > > My suggestion would be to check the wmode of their SWF embed. This
                  > > > sounds like a longstanding issue with the plugin version of the
                  > player
                  > > > when the wmode is set to transparent or opaque. Changing the wmode
                  > to
                  > > > window should fix it. If that is not the case, they'll need to
                  > send a
                  > > > link or their code and I can take a look.
                  > > >
                  > > > See if wmode solves your problem; if not, please send a link to the
                  > > > page where you're having the problem.
                  > > >
                  > > > Regards,
                  > > > Eric
                  > > >
                  > > >
                  > > > On Sep 30, 2008, at 3:45 PM, aniad wrote:
                  > > >
                  > > > > We have a nested full screen layout. In the `bottom' part of the
                  > > > > inner layout (which is in the `center' of the outer layout) we
                  > have a
                  > > > > tabs control. Each tab creates an iframe into which a page is
                  > > > > displayed, depending on what is selected elsewhere in the UI.
                  > > > >
                  > > > > When the user clicks a button a panel is made visible which has a
                  > > > > <div> inside which a .swf file is rendered. The swf has a
                  number of
                  > > > > controls, buttons and drop boxes with which the user interacts.
                  > > > >
                  > > > > The problem (FF only, works correctly in IE):
                  > > > > When the panel with .swf is visible the mouse is not tracked
                  > properly
                  > > > > within the swf. The portions of the panel/swf that overlay the
                  > iframe
                  > > > > displayed in the bottom/tabs portion do not track the mouse
                  > properly,
                  > > > > thus appearing unresponsive. Right clicking in the .swf shows the
                  > > > > standard flex context menu way off from where the mouse was
                  clicked.
                  > > > > Dragging the panel around the screen exaggerates the problem of
                  > > > > tracking the mouse, even allowing the flex context menu to appear
                  > > > > entirely outside of the panel/swf area. The problem does not
                  seem to
                  > > > > be contained to the panel being over an iframe. Dragging the
                  > panel so
                  > > > > that it sits on top of other parts of the layout (with simple
                  html)
                  > > > > also has issues. There is another flex control always displayed in
                  > > > > one of the parts of the layout. Dragging the panel to that part of
                  > > > > the screen always tracks the mouse correctly within the panel that
                  > > > > sits directly on top of that other flex widget.
                  > > > >
                  > > > > Are there any known problems of hosting a .swf inside a panel
                  in FF?
                  > > > > As mentioned before, this does not happen in IE.
                  > > > >
                  > > > > Ania.
                  > > > >
                  > > > >
                  > > > >
                  > > >
                  > >
                  >
                • aniad
                  Yes, this is in your modified file. So, if you seperate the showing of the panel from setting the overflow attrib of the panel into 2 functions like this:
                  Message 8 of 17 , Oct 2, 2008
                  • 0 Attachment
                    Yes, this is in your modified file. So, if you seperate the showing of
                    the panel from setting the overflow attrib of the panel into 2
                    functions like this:

                    function showPanel()
                    {
                    gToolPanel.cfg.setProperty ("fixedcenter", true );
                    gToolPanel.center();
                    }

                    function fixOverflow()
                    {
                    if (YAHOO.env.ua.gecko &&
                    navigator.userAgent.toLowerCase().indexOf("macintosh") == -1)
                    {
                    // On the mac, Panel already applies it's own set of
                    overflow management to Panel,
                    // to prevent scrollbar bleedthrough.
                    YAHOO.util.Dom.setStyle("flexWrapperDiv", "overflow", "auto");
                    }
                    }

                    And then add a 5th button:
                    <button onclick="fixOverflow();">5): click to fix
                    overflow, see flex repaint</button>

                    and then do button 1, button 2, button 3 and finally button 5, you'll
                    see the flex totally repaint/reload.

                    The reload messes us up, as the first, originally instantiated version
                    of flex has a state already set. Basically the .swf in panel talks to
                    other parts of the UI, which depend on that .swf but in turn the .swf
                    gets a 'state' from those other parts. So, when it reloads all is lost...

                    Thank you again for looking into this. I've been working on this
                    problem for quite a while now and truly appreciate your help!

                    Ania.



                    --- In ydn-javascript@yahoogroups.com, "Satyen Desai" <sdesai@...> wrote:
                    >
                    > >> first .setStyle does it. Can you think of any other work around which
                    > would not involve a reload of the flex?
                    >
                    > Is this with the updated file I provided below or with your original
                    zip? Also any specific version of FF/OS?
                    >
                    > >> p.s. What I also noted, is that when the panel is hidden and I bring
                    > up Firebug (f12) the panel "spontaneously" becomes visible... any idea
                    > about that?
                    >
                    > I believe this may be because in your original code you had
                    "fixedcenter" set to true, which will attempt to center the Panel
                    whenever the window is resized. In my modified version, I just changed
                    this to invoke panel.center() when it's shown.
                    >
                    > Regards,
                    > Satyen
                    > ________________________________________
                    > From: ydn-javascript@yahoogroups.com
                    [mailto:ydn-javascript@yahoogroups.com] On Behalf Of aniad
                    > Sent: Thursday, October 02, 2008 3:58 PM
                    > To: ydn-javascript@yahoogroups.com
                    > Subject: [ydn-javascript] Re: Problem with flex (.swf) inside a
                    panel in Firefox
                    >
                    > Hi Satyen,
                    >
                    > Thank you so much for your reply.
                    >
                    > I'm still working on this... turns out that setting the style on the
                    > div causes a RELOAD of the flex widget, which is something we are very
                    > much trying to avoid. In addition, after it reloads the flex's
                    > external interfaces seem unresponsive... You can see that reload when
                    > you create the panel, then the layout (which hides the panel) then
                    > show the panel which will come back blank then paints the .swf. What
                    > I don't quite understand is that from there on it seems fine. Meaning
                    > that subsequent hide/show don't cause the reload, it is as if only the
                    > first .setStyle does it. Can you think of any other work around which
                    > would not involve a reload of the flex?
                    >
                    > Ania.
                    >
                    > p.s. What I also noted, is that when the panel is hidden and I bring
                    > up Firebug (f12) the panel "spontaneously" becomes visible... any idea
                    > about that?
                    >
                    > a.
                    >
                    > --- In ydn-javascript@yahoogroups.com, "Satyen Desai" <sdesai@> wrote:
                    > >
                    > > Hi,
                    > > Thanks for the detailed example page.
                    > >
                    > > Try using the following version of your page:
                    > >
                    > >
                    >
                    http://yuiblog.com/sandbox/yui/v250/examples/container/panelOverIframe.html
                    > >
                    > > (Your swf isn't hosted at the above location, so you'll need to
                    > download it and try it out locally)
                    > >
                    > > The main change is to applying overflow:auto to the flashWrapperDiv.
                    > >
                    > > Some notes:
                    > >
                    > > * I found that I had to apply overflow:auto dynamically through
                    > > script as opposed to using static CSS - probably a "redraw" issue.
                    > >
                    > > * We apply overflow:auto to the Panel shadow, for FF/Mac already to
                    > > deal with scrollbar bleed through issues, so the fix was only
                    > > required for FF/Win.
                    > >
                    > > The other minor changes are just to get the height set correctly.
                    > >
                    > > Tried it across FF2, FF3 on WinXP/MacOS and seems to work fine,
                    > aside from the fact that the swf is not re-drawn when dragging in
                    > FF2/MacOS for step 1 of your repro example (which can probably be
                    > resolved also, if it's a real part of your application)
                    > >
                    > > Let me know how it goes.
                    > >
                    > > Regards,
                    > > Satyen
                    > >
                    > > ________________________________________
                    > > From: ydn-javascript@yahoogroups.com
                    > [mailto:ydn-javascript@yahoogroups.com] On Behalf Of aniad
                    > > Sent: Thursday, October 02, 2008 9:45 AM
                    > > To: ydn-javascript@yahoogroups.com
                    > > Subject: [ydn-javascript] Re: Problem with flex (.swf) inside a
                    > panel in Firefox
                    > >
                    > > Here is a link to a zip file which has a simple .html and a simple
                    > > .swf file which demonstrate the problem (I have also included the code
                    > > for the .swf file in case you need it).
                    > >
                    > > https://download.amberpoint.com/forYahoo/SwfOverIframe_Problem.zip
                    > > Username: Yahoo
                    > > Password: bug4yahoo
                    > >
                    > > As you will see in the text in the .html, the problem is very much
                    > > linked to the order in which items are created. However, we have
                    > > certain dependencies between the .swf and other items on the page
                    > > therefore need to create the panel w/.swf first.
                    > >
                    > > Ania.
                    > >
                    > > --- In ydn-javascript@yahoogroups.com, "aniad" <aniad@> wrote:
                    > > >
                    > > > Eric,
                    > > >
                    > > > Changing the wmode helped a little. The mouse tracks correctly when
                    > > > the panel is dragged around over most of the screen areas,
                    however it
                    > > > still is unresponsive when the panel is over an iframe. I'll put
                    > > > together simple example of this problem.
                    > > > Ania.
                    > > >
                    > > > btw, did you have a chance to look at
                    > > > http://tech.groups.yahoo.com/group/ydn-javascript/message/38440? I
                    > > > posted simple nested layout code which demonstrates the 'invalid
                    > > > argument' error.
                    > > > a.
                    > > >
                    > > > --- In ydn-javascript@yahoogroups.com, Eric Miraglia <miraglia@>
                    > wrote:
                    > > > >
                    > > > > Ania,
                    > > > >
                    > > > > Here's what our Flash experts say:
                    > > > >
                    > > > > My suggestion would be to check the wmode of their SWF embed.
                    This
                    > > > > sounds like a longstanding issue with the plugin version of the
                    > > player
                    > > > > when the wmode is set to transparent or opaque. Changing the wmode
                    > > to
                    > > > > window should fix it. If that is not the case, they'll need to
                    > > send a
                    > > > > link or their code and I can take a look.
                    > > > >
                    > > > > See if wmode solves your problem; if not, please send a link
                    to the
                    > > > > page where you're having the problem.
                    > > > >
                    > > > > Regards,
                    > > > > Eric
                    > > > >
                    > > > >
                    > > > > On Sep 30, 2008, at 3:45 PM, aniad wrote:
                    > > > >
                    > > > > > We have a nested full screen layout. In the `bottom' part of the
                    > > > > > inner layout (which is in the `center' of the outer layout) we
                    > > have a
                    > > > > > tabs control. Each tab creates an iframe into which a page is
                    > > > > > displayed, depending on what is selected elsewhere in the UI.
                    > > > > >
                    > > > > > When the user clicks a button a panel is made visible which
                    has a
                    > > > > > <div> inside which a .swf file is rendered. The swf has a
                    > number of
                    > > > > > controls, buttons and drop boxes with which the user interacts.
                    > > > > >
                    > > > > > The problem (FF only, works correctly in IE):
                    > > > > > When the panel with .swf is visible the mouse is not tracked
                    > > properly
                    > > > > > within the swf. The portions of the panel/swf that overlay the
                    > > iframe
                    > > > > > displayed in the bottom/tabs portion do not track the mouse
                    > > properly,
                    > > > > > thus appearing unresponsive. Right clicking in the .swf
                    shows the
                    > > > > > standard flex context menu way off from where the mouse was
                    > clicked.
                    > > > > > Dragging the panel around the screen exaggerates the problem of
                    > > > > > tracking the mouse, even allowing the flex context menu to
                    appear
                    > > > > > entirely outside of the panel/swf area. The problem does not
                    > seem to
                    > > > > > be contained to the panel being over an iframe. Dragging the
                    > > panel so
                    > > > > > that it sits on top of other parts of the layout (with simple
                    > html)
                    > > > > > also has issues. There is another flex control always
                    displayed in
                    > > > > > one of the parts of the layout. Dragging the panel to that
                    part of
                    > > > > > the screen always tracks the mouse correctly within the
                    panel that
                    > > > > > sits directly on top of that other flex widget.
                    > > > > >
                    > > > > > Are there any known problems of hosting a .swf inside a panel
                    > in FF?
                    > > > > > As mentioned before, this does not happen in IE.
                    > > > > >
                    > > > > > Ania.
                    > > > > >
                    > > > > >
                    > > > > >
                    > > > >
                    > > >
                    > >
                    >
                  • aniad
                    Satyen, Here are some additional observations: when I bring up the panel w/.swf, change the div s style which will cause the .swf to reload so in my test case
                    Message 9 of 17 , Oct 3, 2008
                    • 0 Attachment
                      Satyen,

                      Here are some additional observations: when I bring up the panel
                      w/.swf, change the div's style which will cause the .swf to reload so
                      in my test case I reinitialize the flex again, at the end of all that
                      I get a working dialog/panel with swf. Then I close the panel (ie put
                      if off screen). Some subsequent user interaction changes the state of
                      things and the panel is made visible again, but because the state of
                      things has changed the .swf will display a different version of
                      buttons and controls. Unfortunately, those new buttons/controls are
                      again unresponsive. Setting div's style again acts like a nop at this
                      point because the style has already been set, I suppose.

                      ANY help/ideas to accomplish being able to put swf in a panel, keep it
                      active by hiding it off screen and have responsive buttons/controls
                      over an iframe will be extremely appreciated.

                      Ania.

                      --- In ydn-javascript@yahoogroups.com, "aniad" <aniad@...> wrote:
                      >
                      > Yes, this is in your modified file. So, if you seperate the showing of
                      > the panel from setting the overflow attrib of the panel into 2
                      > functions like this:
                      >
                      > function showPanel()
                      > {
                      > gToolPanel.cfg.setProperty ("fixedcenter", true );
                      > gToolPanel.center();
                      > }
                      >
                      > function fixOverflow()
                      > {
                      > if (YAHOO.env.ua.gecko &&
                      > navigator.userAgent.toLowerCase().indexOf("macintosh") == -1)
                      > {
                      > // On the mac, Panel already applies it's own set of
                      > overflow management to Panel,
                      > // to prevent scrollbar bleedthrough.
                      > YAHOO.util.Dom.setStyle("flexWrapperDiv", "overflow",
                      "auto");
                      > }
                      > }
                      >
                      > And then add a 5th button:
                      > <button onclick="fixOverflow();">5): click to fix
                      > overflow, see flex repaint</button>
                      >
                      > and then do button 1, button 2, button 3 and finally button 5, you'll
                      > see the flex totally repaint/reload.
                      >
                      > The reload messes us up, as the first, originally instantiated version
                      > of flex has a state already set. Basically the .swf in panel talks to
                      > other parts of the UI, which depend on that .swf but in turn the .swf
                      > gets a 'state' from those other parts. So, when it reloads all is
                      lost...
                      >
                      > Thank you again for looking into this. I've been working on this
                      > problem for quite a while now and truly appreciate your help!
                      >
                      > Ania.
                      >
                      >
                      >
                      > --- In ydn-javascript@yahoogroups.com, "Satyen Desai" <sdesai@> wrote:
                      > >
                      > > >> first .setStyle does it. Can you think of any other work around
                      which
                      > > would not involve a reload of the flex?
                      > >
                      > > Is this with the updated file I provided below or with your original
                      > zip? Also any specific version of FF/OS?
                      > >
                      > > >> p.s. What I also noted, is that when the panel is hidden and I
                      bring
                      > > up Firebug (f12) the panel "spontaneously" becomes visible... any idea
                      > > about that?
                      > >
                      > > I believe this may be because in your original code you had
                      > "fixedcenter" set to true, which will attempt to center the Panel
                      > whenever the window is resized. In my modified version, I just changed
                      > this to invoke panel.center() when it's shown.
                      > >
                      > > Regards,
                      > > Satyen
                      > > ________________________________________
                      > > From: ydn-javascript@yahoogroups.com
                      > [mailto:ydn-javascript@yahoogroups.com] On Behalf Of aniad
                      > > Sent: Thursday, October 02, 2008 3:58 PM
                      > > To: ydn-javascript@yahoogroups.com
                      > > Subject: [ydn-javascript] Re: Problem with flex (.swf) inside a
                      > panel in Firefox
                      > >
                      > > Hi Satyen,
                      > >
                      > > Thank you so much for your reply.
                      > >
                      > > I'm still working on this... turns out that setting the style on the
                      > > div causes a RELOAD of the flex widget, which is something we are very
                      > > much trying to avoid. In addition, after it reloads the flex's
                      > > external interfaces seem unresponsive... You can see that reload when
                      > > you create the panel, then the layout (which hides the panel) then
                      > > show the panel which will come back blank then paints the .swf. What
                      > > I don't quite understand is that from there on it seems fine. Meaning
                      > > that subsequent hide/show don't cause the reload, it is as if only the
                      > > first .setStyle does it. Can you think of any other work around which
                      > > would not involve a reload of the flex?
                      > >
                      > > Ania.
                      > >
                      > > p.s. What I also noted, is that when the panel is hidden and I bring
                      > > up Firebug (f12) the panel "spontaneously" becomes visible... any idea
                      > > about that?
                      > >
                      > > a.
                      > >
                      > > --- In ydn-javascript@yahoogroups.com, "Satyen Desai" <sdesai@> wrote:
                      > > >
                      > > > Hi,
                      > > > Thanks for the detailed example page.
                      > > >
                      > > > Try using the following version of your page:
                      > > >
                      > > >
                      > >
                      >
                      http://yuiblog.com/sandbox/yui/v250/examples/container/panelOverIframe.html
                      > > >
                      > > > (Your swf isn't hosted at the above location, so you'll need to
                      > > download it and try it out locally)
                      > > >
                      > > > The main change is to applying overflow:auto to the flashWrapperDiv.
                      > > >
                      > > > Some notes:
                      > > >
                      > > > * I found that I had to apply overflow:auto dynamically through
                      > > > script as opposed to using static CSS - probably a "redraw" issue.
                      > > >
                      > > > * We apply overflow:auto to the Panel shadow, for FF/Mac already to
                      > > > deal with scrollbar bleed through issues, so the fix was only
                      > > > required for FF/Win.
                      > > >
                      > > > The other minor changes are just to get the height set correctly.
                      > > >
                      > > > Tried it across FF2, FF3 on WinXP/MacOS and seems to work fine,
                      > > aside from the fact that the swf is not re-drawn when dragging in
                      > > FF2/MacOS for step 1 of your repro example (which can probably be
                      > > resolved also, if it's a real part of your application)
                      > > >
                      > > > Let me know how it goes.
                      > > >
                      > > > Regards,
                      > > > Satyen
                      > > >
                      > > > ________________________________________
                      > > > From: ydn-javascript@yahoogroups.com
                      > > [mailto:ydn-javascript@yahoogroups.com] On Behalf Of aniad
                      > > > Sent: Thursday, October 02, 2008 9:45 AM
                      > > > To: ydn-javascript@yahoogroups.com
                      > > > Subject: [ydn-javascript] Re: Problem with flex (.swf) inside a
                      > > panel in Firefox
                      > > >
                      > > > Here is a link to a zip file which has a simple .html and a simple
                      > > > .swf file which demonstrate the problem (I have also included
                      the code
                      > > > for the .swf file in case you need it).
                      > > >
                      > > > https://download.amberpoint.com/forYahoo/SwfOverIframe_Problem.zip
                      > > > Username: Yahoo
                      > > > Password: bug4yahoo
                      > > >
                      > > > As you will see in the text in the .html, the problem is very much
                      > > > linked to the order in which items are created. However, we have
                      > > > certain dependencies between the .swf and other items on the page
                      > > > therefore need to create the panel w/.swf first.
                      > > >
                      > > > Ania.
                      > > >
                      > > > --- In ydn-javascript@yahoogroups.com, "aniad" <aniad@> wrote:
                      > > > >
                      > > > > Eric,
                      > > > >
                      > > > > Changing the wmode helped a little. The mouse tracks correctly
                      when
                      > > > > the panel is dragged around over most of the screen areas,
                      > however it
                      > > > > still is unresponsive when the panel is over an iframe. I'll put
                      > > > > together simple example of this problem.
                      > > > > Ania.
                      > > > >
                      > > > > btw, did you have a chance to look at
                      > > > > http://tech.groups.yahoo.com/group/ydn-javascript/message/38440? I
                      > > > > posted simple nested layout code which demonstrates the 'invalid
                      > > > > argument' error.
                      > > > > a.
                      > > > >
                      > > > > --- In ydn-javascript@yahoogroups.com, Eric Miraglia <miraglia@>
                      > > wrote:
                      > > > > >
                      > > > > > Ania,
                      > > > > >
                      > > > > > Here's what our Flash experts say:
                      > > > > >
                      > > > > > My suggestion would be to check the wmode of their SWF embed.
                      > This
                      > > > > > sounds like a longstanding issue with the plugin version of the
                      > > > player
                      > > > > > when the wmode is set to transparent or opaque. Changing the
                      wmode
                      > > > to
                      > > > > > window should fix it. If that is not the case, they'll need to
                      > > > send a
                      > > > > > link or their code and I can take a look.
                      > > > > >
                      > > > > > See if wmode solves your problem; if not, please send a link
                      > to the
                      > > > > > page where you're having the problem.
                      > > > > >
                      > > > > > Regards,
                      > > > > > Eric
                      > > > > >
                      > > > > >
                      > > > > > On Sep 30, 2008, at 3:45 PM, aniad wrote:
                      > > > > >
                      > > > > > > We have a nested full screen layout. In the `bottom' part
                      of the
                      > > > > > > inner layout (which is in the `center' of the outer layout) we
                      > > > have a
                      > > > > > > tabs control. Each tab creates an iframe into which a page is
                      > > > > > > displayed, depending on what is selected elsewhere in the UI.
                      > > > > > >
                      > > > > > > When the user clicks a button a panel is made visible which
                      > has a
                      > > > > > > <div> inside which a .swf file is rendered. The swf has a
                      > > number of
                      > > > > > > controls, buttons and drop boxes with which the user
                      interacts.
                      > > > > > >
                      > > > > > > The problem (FF only, works correctly in IE):
                      > > > > > > When the panel with .swf is visible the mouse is not tracked
                      > > > properly
                      > > > > > > within the swf. The portions of the panel/swf that overlay the
                      > > > iframe
                      > > > > > > displayed in the bottom/tabs portion do not track the mouse
                      > > > properly,
                      > > > > > > thus appearing unresponsive. Right clicking in the .swf
                      > shows the
                      > > > > > > standard flex context menu way off from where the mouse was
                      > > clicked.
                      > > > > > > Dragging the panel around the screen exaggerates the
                      problem of
                      > > > > > > tracking the mouse, even allowing the flex context menu to
                      > appear
                      > > > > > > entirely outside of the panel/swf area. The problem does not
                      > > seem to
                      > > > > > > be contained to the panel being over an iframe. Dragging the
                      > > > panel so
                      > > > > > > that it sits on top of other parts of the layout (with simple
                      > > html)
                      > > > > > > also has issues. There is another flex control always
                      > displayed in
                      > > > > > > one of the parts of the layout. Dragging the panel to that
                      > part of
                      > > > > > > the screen always tracks the mouse correctly within the
                      > panel that
                      > > > > > > sits directly on top of that other flex widget.
                      > > > > > >
                      > > > > > > Are there any known problems of hosting a .swf inside a panel
                      > > in FF?
                      > > > > > > As mentioned before, this does not happen in IE.
                      > > > > > >
                      > > > > > > Ania.
                      > > > > > >
                      > > > > > >
                      > > > > > >
                      > > > > >
                      > > > >
                      > > >
                      > >
                      >
                    • aniad
                      Did you have a chance to look at this or have any additional suggestions? Thank you, Ania. ... any idea ... are very ... when ... Meaning ... only the ...
                      Message 10 of 17 , Oct 7, 2008
                      • 0 Attachment
                        Did you have a chance to look at this or have any additional suggestions?

                        Thank you,
                        Ania.


                        --- In ydn-javascript@yahoogroups.com, "aniad" <aniad@...> wrote:
                        >
                        > Satyen,
                        >
                        > Here are some additional observations: when I bring up the panel
                        > w/.swf, change the div's style which will cause the .swf to reload so
                        > in my test case I reinitialize the flex again, at the end of all that
                        > I get a working dialog/panel with swf. Then I close the panel (ie put
                        > if off screen). Some subsequent user interaction changes the state of
                        > things and the panel is made visible again, but because the state of
                        > things has changed the .swf will display a different version of
                        > buttons and controls. Unfortunately, those new buttons/controls are
                        > again unresponsive. Setting div's style again acts like a nop at this
                        > point because the style has already been set, I suppose.
                        >
                        > ANY help/ideas to accomplish being able to put swf in a panel, keep it
                        > active by hiding it off screen and have responsive buttons/controls
                        > over an iframe will be extremely appreciated.
                        >
                        > Ania.
                        >
                        > --- In ydn-javascript@yahoogroups.com, "aniad" <aniad@> wrote:
                        > >
                        > > Yes, this is in your modified file. So, if you seperate the showing of
                        > > the panel from setting the overflow attrib of the panel into 2
                        > > functions like this:
                        > >
                        > > function showPanel()
                        > > {
                        > > gToolPanel.cfg.setProperty ("fixedcenter", true );
                        > > gToolPanel.center();
                        > > }
                        > >
                        > > function fixOverflow()
                        > > {
                        > > if (YAHOO.env.ua.gecko &&
                        > > navigator.userAgent.toLowerCase().indexOf("macintosh") == -1)
                        > > {
                        > > // On the mac, Panel already applies it's own set of
                        > > overflow management to Panel,
                        > > // to prevent scrollbar bleedthrough.
                        > > YAHOO.util.Dom.setStyle("flexWrapperDiv", "overflow",
                        > "auto");
                        > > }
                        > > }
                        > >
                        > > And then add a 5th button:
                        > > <button onclick="fixOverflow();">5): click to fix
                        > > overflow, see flex repaint</button>
                        > >
                        > > and then do button 1, button 2, button 3 and finally button 5, you'll
                        > > see the flex totally repaint/reload.
                        > >
                        > > The reload messes us up, as the first, originally instantiated version
                        > > of flex has a state already set. Basically the .swf in panel talks to
                        > > other parts of the UI, which depend on that .swf but in turn the .swf
                        > > gets a 'state' from those other parts. So, when it reloads all is
                        > lost...
                        > >
                        > > Thank you again for looking into this. I've been working on this
                        > > problem for quite a while now and truly appreciate your help!
                        > >
                        > > Ania.
                        > >
                        > >
                        > >
                        > > --- In ydn-javascript@yahoogroups.com, "Satyen Desai" <sdesai@> wrote:
                        > > >
                        > > > >> first .setStyle does it. Can you think of any other work around
                        > which
                        > > > would not involve a reload of the flex?
                        > > >
                        > > > Is this with the updated file I provided below or with your original
                        > > zip? Also any specific version of FF/OS?
                        > > >
                        > > > >> p.s. What I also noted, is that when the panel is hidden and I
                        > bring
                        > > > up Firebug (f12) the panel "spontaneously" becomes visible...
                        any idea
                        > > > about that?
                        > > >
                        > > > I believe this may be because in your original code you had
                        > > "fixedcenter" set to true, which will attempt to center the Panel
                        > > whenever the window is resized. In my modified version, I just changed
                        > > this to invoke panel.center() when it's shown.
                        > > >
                        > > > Regards,
                        > > > Satyen
                        > > > ________________________________________
                        > > > From: ydn-javascript@yahoogroups.com
                        > > [mailto:ydn-javascript@yahoogroups.com] On Behalf Of aniad
                        > > > Sent: Thursday, October 02, 2008 3:58 PM
                        > > > To: ydn-javascript@yahoogroups.com
                        > > > Subject: [ydn-javascript] Re: Problem with flex (.swf) inside a
                        > > panel in Firefox
                        > > >
                        > > > Hi Satyen,
                        > > >
                        > > > Thank you so much for your reply.
                        > > >
                        > > > I'm still working on this... turns out that setting the style on the
                        > > > div causes a RELOAD of the flex widget, which is something we
                        are very
                        > > > much trying to avoid. In addition, after it reloads the flex's
                        > > > external interfaces seem unresponsive... You can see that reload
                        when
                        > > > you create the panel, then the layout (which hides the panel) then
                        > > > show the panel which will come back blank then paints the .swf. What
                        > > > I don't quite understand is that from there on it seems fine.
                        Meaning
                        > > > that subsequent hide/show don't cause the reload, it is as if
                        only the
                        > > > first .setStyle does it. Can you think of any other work around
                        which
                        > > > would not involve a reload of the flex?
                        > > >
                        > > > Ania.
                        > > >
                        > > > p.s. What I also noted, is that when the panel is hidden and I bring
                        > > > up Firebug (f12) the panel "spontaneously" becomes visible...
                        any idea
                        > > > about that?
                        > > >
                        > > > a.
                        > > >
                        > > > --- In ydn-javascript@yahoogroups.com, "Satyen Desai" <sdesai@>
                        wrote:
                        > > > >
                        > > > > Hi,
                        > > > > Thanks for the detailed example page.
                        > > > >
                        > > > > Try using the following version of your page:
                        > > > >
                        > > > >
                        > > >
                        > >
                        >
                        http://yuiblog.com/sandbox/yui/v250/examples/container/panelOverIframe.html
                        > > > >
                        > > > > (Your swf isn't hosted at the above location, so you'll need to
                        > > > download it and try it out locally)
                        > > > >
                        > > > > The main change is to applying overflow:auto to the
                        flashWrapperDiv.
                        > > > >
                        > > > > Some notes:
                        > > > >
                        > > > > * I found that I had to apply overflow:auto dynamically through
                        > > > > script as opposed to using static CSS - probably a "redraw" issue.
                        > > > >
                        > > > > * We apply overflow:auto to the Panel shadow, for FF/Mac
                        already to
                        > > > > deal with scrollbar bleed through issues, so the fix was only
                        > > > > required for FF/Win.
                        > > > >
                        > > > > The other minor changes are just to get the height set correctly.
                        > > > >
                        > > > > Tried it across FF2, FF3 on WinXP/MacOS and seems to work fine,
                        > > > aside from the fact that the swf is not re-drawn when dragging in
                        > > > FF2/MacOS for step 1 of your repro example (which can probably be
                        > > > resolved also, if it's a real part of your application)
                        > > > >
                        > > > > Let me know how it goes.
                        > > > >
                        > > > > Regards,
                        > > > > Satyen
                        > > > >
                        > > > > ________________________________________
                        > > > > From: ydn-javascript@yahoogroups.com
                        > > > [mailto:ydn-javascript@yahoogroups.com] On Behalf Of aniad
                        > > > > Sent: Thursday, October 02, 2008 9:45 AM
                        > > > > To: ydn-javascript@yahoogroups.com
                        > > > > Subject: [ydn-javascript] Re: Problem with flex (.swf) inside a
                        > > > panel in Firefox
                        > > > >
                        > > > > Here is a link to a zip file which has a simple .html and a simple
                        > > > > .swf file which demonstrate the problem (I have also included
                        > the code
                        > > > > for the .swf file in case you need it).
                        > > > >
                        > > > > https://download.amberpoint.com/forYahoo/SwfOverIframe_Problem.zip
                        > > > > Username: Yahoo
                        > > > > Password: bug4yahoo
                        > > > >
                        > > > > As you will see in the text in the .html, the problem is very much
                        > > > > linked to the order in which items are created. However, we have
                        > > > > certain dependencies between the .swf and other items on the page
                        > > > > therefore need to create the panel w/.swf first.
                        > > > >
                        > > > > Ania.
                        > > > >
                        > > > > --- In ydn-javascript@yahoogroups.com, "aniad" <aniad@> wrote:
                        > > > > >
                        > > > > > Eric,
                        > > > > >
                        > > > > > Changing the wmode helped a little. The mouse tracks correctly
                        > when
                        > > > > > the panel is dragged around over most of the screen areas,
                        > > however it
                        > > > > > still is unresponsive when the panel is over an iframe. I'll put
                        > > > > > together simple example of this problem.
                        > > > > > Ania.
                        > > > > >
                        > > > > > btw, did you have a chance to look at
                        > > > > >
                        http://tech.groups.yahoo.com/group/ydn-javascript/message/38440? I
                        > > > > > posted simple nested layout code which demonstrates the 'invalid
                        > > > > > argument' error.
                        > > > > > a.
                        > > > > >
                        > > > > > --- In ydn-javascript@yahoogroups.com, Eric Miraglia <miraglia@>
                        > > > wrote:
                        > > > > > >
                        > > > > > > Ania,
                        > > > > > >
                        > > > > > > Here's what our Flash experts say:
                        > > > > > >
                        > > > > > > My suggestion would be to check the wmode of their SWF embed.
                        > > This
                        > > > > > > sounds like a longstanding issue with the plugin version
                        of the
                        > > > > player
                        > > > > > > when the wmode is set to transparent or opaque. Changing the
                        > wmode
                        > > > > to
                        > > > > > > window should fix it. If that is not the case, they'll need to
                        > > > > send a
                        > > > > > > link or their code and I can take a look.
                        > > > > > >
                        > > > > > > See if wmode solves your problem; if not, please send a link
                        > > to the
                        > > > > > > page where you're having the problem.
                        > > > > > >
                        > > > > > > Regards,
                        > > > > > > Eric
                        > > > > > >
                        > > > > > >
                        > > > > > > On Sep 30, 2008, at 3:45 PM, aniad wrote:
                        > > > > > >
                        > > > > > > > We have a nested full screen layout. In the `bottom' part
                        > of the
                        > > > > > > > inner layout (which is in the `center' of the outer
                        layout) we
                        > > > > have a
                        > > > > > > > tabs control. Each tab creates an iframe into which a
                        page is
                        > > > > > > > displayed, depending on what is selected elsewhere in
                        the UI.
                        > > > > > > >
                        > > > > > > > When the user clicks a button a panel is made visible which
                        > > has a
                        > > > > > > > <div> inside which a .swf file is rendered. The swf has a
                        > > > number of
                        > > > > > > > controls, buttons and drop boxes with which the user
                        > interacts.
                        > > > > > > >
                        > > > > > > > The problem (FF only, works correctly in IE):
                        > > > > > > > When the panel with .swf is visible the mouse is not tracked
                        > > > > properly
                        > > > > > > > within the swf. The portions of the panel/swf that
                        overlay the
                        > > > > iframe
                        > > > > > > > displayed in the bottom/tabs portion do not track the mouse
                        > > > > properly,
                        > > > > > > > thus appearing unresponsive. Right clicking in the .swf
                        > > shows the
                        > > > > > > > standard flex context menu way off from where the mouse was
                        > > > clicked.
                        > > > > > > > Dragging the panel around the screen exaggerates the
                        > problem of
                        > > > > > > > tracking the mouse, even allowing the flex context menu to
                        > > appear
                        > > > > > > > entirely outside of the panel/swf area. The problem does not
                        > > > seem to
                        > > > > > > > be contained to the panel being over an iframe. Dragging the
                        > > > > panel so
                        > > > > > > > that it sits on top of other parts of the layout (with
                        simple
                        > > > html)
                        > > > > > > > also has issues. There is another flex control always
                        > > displayed in
                        > > > > > > > one of the parts of the layout. Dragging the panel to that
                        > > part of
                        > > > > > > > the screen always tracks the mouse correctly within the
                        > > panel that
                        > > > > > > > sits directly on top of that other flex widget.
                        > > > > > > >
                        > > > > > > > Are there any known problems of hosting a .swf inside a
                        panel
                        > > > in FF?
                        > > > > > > > As mentioned before, this does not happen in IE.
                        > > > > > > >
                        > > > > > > > Ania.
                        > > > > > > >
                        > > > > > > >
                        > > > > > > >
                        > > > > > >
                        > > > > >
                        > > > >
                        > > >
                        > >
                        >
                      • Satyen Desai
                        Hi, Been away from a computer for a few days. Will follow up on this thread once I ve had a chance to replicate your test. Regards, Satyen ... any idea ... are
                        Message 11 of 17 , Oct 7, 2008
                        • 0 Attachment
                          Hi,

                          Been away from a computer for a few days. Will follow up on this
                          thread once I've had a chance to replicate your test.

                          Regards,
                          Satyen

                          --- In ydn-javascript@yahoogroups.com, "aniad" <aniad@...> wrote:
                          >
                          > Satyen,
                          >
                          > Here are some additional observations: when I bring up the panel
                          > w/.swf, change the div's style which will cause the .swf to reload so
                          > in my test case I reinitialize the flex again, at the end of all that
                          > I get a working dialog/panel with swf. Then I close the panel (ie put
                          > if off screen). Some subsequent user interaction changes the state of
                          > things and the panel is made visible again, but because the state of
                          > things has changed the .swf will display a different version of
                          > buttons and controls. Unfortunately, those new buttons/controls are
                          > again unresponsive. Setting div's style again acts like a nop at this
                          > point because the style has already been set, I suppose.
                          >
                          > ANY help/ideas to accomplish being able to put swf in a panel, keep it
                          > active by hiding it off screen and have responsive buttons/controls
                          > over an iframe will be extremely appreciated.
                          >
                          > Ania.
                          >
                          > --- In ydn-javascript@yahoogroups.com, "aniad" <aniad@> wrote:
                          > >
                          > > Yes, this is in your modified file. So, if you seperate the showing of
                          > > the panel from setting the overflow attrib of the panel into 2
                          > > functions like this:
                          > >
                          > > function showPanel()
                          > > {
                          > > gToolPanel.cfg.setProperty ("fixedcenter", true );
                          > > gToolPanel.center();
                          > > }
                          > >
                          > > function fixOverflow()
                          > > {
                          > > if (YAHOO.env.ua.gecko &&
                          > > navigator.userAgent.toLowerCase().indexOf("macintosh") == -1)
                          > > {
                          > > // On the mac, Panel already applies it's own set of
                          > > overflow management to Panel,
                          > > // to prevent scrollbar bleedthrough.
                          > > YAHOO.util.Dom.setStyle("flexWrapperDiv", "overflow",
                          > "auto");
                          > > }
                          > > }
                          > >
                          > > And then add a 5th button:
                          > > <button onclick="fixOverflow();">5): click to fix
                          > > overflow, see flex repaint</button>
                          > >
                          > > and then do button 1, button 2, button 3 and finally button 5, you'll
                          > > see the flex totally repaint/reload.
                          > >
                          > > The reload messes us up, as the first, originally instantiated version
                          > > of flex has a state already set. Basically the .swf in panel talks to
                          > > other parts of the UI, which depend on that .swf but in turn the .swf
                          > > gets a 'state' from those other parts. So, when it reloads all is
                          > lost...
                          > >
                          > > Thank you again for looking into this. I've been working on this
                          > > problem for quite a while now and truly appreciate your help!
                          > >
                          > > Ania.
                          > >
                          > >
                          > >
                          > > --- In ydn-javascript@yahoogroups.com, "Satyen Desai" <sdesai@> wrote:
                          > > >
                          > > > >> first .setStyle does it. Can you think of any other work around
                          > which
                          > > > would not involve a reload of the flex?
                          > > >
                          > > > Is this with the updated file I provided below or with your original
                          > > zip? Also any specific version of FF/OS?
                          > > >
                          > > > >> p.s. What I also noted, is that when the panel is hidden and I
                          > bring
                          > > > up Firebug (f12) the panel "spontaneously" becomes visible...
                          any idea
                          > > > about that?
                          > > >
                          > > > I believe this may be because in your original code you had
                          > > "fixedcenter" set to true, which will attempt to center the Panel
                          > > whenever the window is resized. In my modified version, I just changed
                          > > this to invoke panel.center() when it's shown.
                          > > >
                          > > > Regards,
                          > > > Satyen
                          > > > ________________________________________
                          > > > From: ydn-javascript@yahoogroups.com
                          > > [mailto:ydn-javascript@yahoogroups.com] On Behalf Of aniad
                          > > > Sent: Thursday, October 02, 2008 3:58 PM
                          > > > To: ydn-javascript@yahoogroups.com
                          > > > Subject: [ydn-javascript] Re: Problem with flex (.swf) inside a
                          > > panel in Firefox
                          > > >
                          > > > Hi Satyen,
                          > > >
                          > > > Thank you so much for your reply.
                          > > >
                          > > > I'm still working on this... turns out that setting the style on the
                          > > > div causes a RELOAD of the flex widget, which is something we
                          are very
                          > > > much trying to avoid. In addition, after it reloads the flex's
                          > > > external interfaces seem unresponsive... You can see that reload
                          when
                          > > > you create the panel, then the layout (which hides the panel) then
                          > > > show the panel which will come back blank then paints the .swf. What
                          > > > I don't quite understand is that from there on it seems fine.
                          Meaning
                          > > > that subsequent hide/show don't cause the reload, it is as if
                          only the
                          > > > first .setStyle does it. Can you think of any other work around
                          which
                          > > > would not involve a reload of the flex?
                          > > >
                          > > > Ania.
                          > > >
                          > > > p.s. What I also noted, is that when the panel is hidden and I bring
                          > > > up Firebug (f12) the panel "spontaneously" becomes visible...
                          any idea
                          > > > about that?
                          > > >
                          > > > a.
                          > > >
                          > > > --- In ydn-javascript@yahoogroups.com, "Satyen Desai" <sdesai@>
                          wrote:
                          > > > >
                          > > > > Hi,
                          > > > > Thanks for the detailed example page.
                          > > > >
                          > > > > Try using the following version of your page:
                          > > > >
                          > > > >
                          > > >
                          > >
                          >
                          http://yuiblog.com/sandbox/yui/v250/examples/container/panelOverIframe.html
                          > > > >
                          > > > > (Your swf isn't hosted at the above location, so you'll need to
                          > > > download it and try it out locally)
                          > > > >
                          > > > > The main change is to applying overflow:auto to the
                          flashWrapperDiv.
                          > > > >
                          > > > > Some notes:
                          > > > >
                          > > > > * I found that I had to apply overflow:auto dynamically through
                          > > > > script as opposed to using static CSS - probably a "redraw" issue.
                          > > > >
                          > > > > * We apply overflow:auto to the Panel shadow, for FF/Mac
                          already to
                          > > > > deal with scrollbar bleed through issues, so the fix was only
                          > > > > required for FF/Win.
                          > > > >
                          > > > > The other minor changes are just to get the height set correctly.
                          > > > >
                          > > > > Tried it across FF2, FF3 on WinXP/MacOS and seems to work fine,
                          > > > aside from the fact that the swf is not re-drawn when dragging in
                          > > > FF2/MacOS for step 1 of your repro example (which can probably be
                          > > > resolved also, if it's a real part of your application)
                          > > > >
                          > > > > Let me know how it goes.
                          > > > >
                          > > > > Regards,
                          > > > > Satyen
                          > > > >
                          > > > > ________________________________________
                          > > > > From: ydn-javascript@yahoogroups.com
                          > > > [mailto:ydn-javascript@yahoogroups.com] On Behalf Of aniad
                          > > > > Sent: Thursday, October 02, 2008 9:45 AM
                          > > > > To: ydn-javascript@yahoogroups.com
                          > > > > Subject: [ydn-javascript] Re: Problem with flex (.swf) inside a
                          > > > panel in Firefox
                          > > > >
                          > > > > Here is a link to a zip file which has a simple .html and a simple
                          > > > > .swf file which demonstrate the problem (I have also included
                          > the code
                          > > > > for the .swf file in case you need it).
                          > > > >
                          > > > > https://download.amberpoint.com/forYahoo/SwfOverIframe_Problem.zip
                          > > > > Username: Yahoo
                          > > > > Password: bug4yahoo
                          > > > >
                          > > > > As you will see in the text in the .html, the problem is very much
                          > > > > linked to the order in which items are created. However, we have
                          > > > > certain dependencies between the .swf and other items on the page
                          > > > > therefore need to create the panel w/.swf first.
                          > > > >
                          > > > > Ania.
                          > > > >
                          > > > > --- In ydn-javascript@yahoogroups.com, "aniad" <aniad@> wrote:
                          > > > > >
                          > > > > > Eric,
                          > > > > >
                          > > > > > Changing the wmode helped a little. The mouse tracks correctly
                          > when
                          > > > > > the panel is dragged around over most of the screen areas,
                          > > however it
                          > > > > > still is unresponsive when the panel is over an iframe. I'll put
                          > > > > > together simple example of this problem.
                          > > > > > Ania.
                          > > > > >
                          > > > > > btw, did you have a chance to look at
                          > > > > >
                          http://tech.groups.yahoo.com/group/ydn-javascript/message/38440? I
                          > > > > > posted simple nested layout code which demonstrates the 'invalid
                          > > > > > argument' error.
                          > > > > > a.
                          > > > > >
                          > > > > > --- In ydn-javascript@yahoogroups.com, Eric Miraglia <miraglia@>
                          > > > wrote:
                          > > > > > >
                          > > > > > > Ania,
                          > > > > > >
                          > > > > > > Here's what our Flash experts say:
                          > > > > > >
                          > > > > > > My suggestion would be to check the wmode of their SWF embed.
                          > > This
                          > > > > > > sounds like a longstanding issue with the plugin version
                          of the
                          > > > > player
                          > > > > > > when the wmode is set to transparent or opaque. Changing the
                          > wmode
                          > > > > to
                          > > > > > > window should fix it. If that is not the case, they'll need to
                          > > > > send a
                          > > > > > > link or their code and I can take a look.
                          > > > > > >
                          > > > > > > See if wmode solves your problem; if not, please send a link
                          > > to the
                          > > > > > > page where you're having the problem.
                          > > > > > >
                          > > > > > > Regards,
                          > > > > > > Eric
                          > > > > > >
                          > > > > > >
                          > > > > > > On Sep 30, 2008, at 3:45 PM, aniad wrote:
                          > > > > > >
                          > > > > > > > We have a nested full screen layout. In the `bottom' part
                          > of the
                          > > > > > > > inner layout (which is in the `center' of the outer
                          layout) we
                          > > > > have a
                          > > > > > > > tabs control. Each tab creates an iframe into which a
                          page is
                          > > > > > > > displayed, depending on what is selected elsewhere in
                          the UI.
                          > > > > > > >
                          > > > > > > > When the user clicks a button a panel is made visible which
                          > > has a
                          > > > > > > > <div> inside which a .swf file is rendered. The swf has a
                          > > > number of
                          > > > > > > > controls, buttons and drop boxes with which the user
                          > interacts.
                          > > > > > > >
                          > > > > > > > The problem (FF only, works correctly in IE):
                          > > > > > > > When the panel with .swf is visible the mouse is not tracked
                          > > > > properly
                          > > > > > > > within the swf. The portions of the panel/swf that
                          overlay the
                          > > > > iframe
                          > > > > > > > displayed in the bottom/tabs portion do not track the mouse
                          > > > > properly,
                          > > > > > > > thus appearing unresponsive. Right clicking in the .swf
                          > > shows the
                          > > > > > > > standard flex context menu way off from where the mouse was
                          > > > clicked.
                          > > > > > > > Dragging the panel around the screen exaggerates the
                          > problem of
                          > > > > > > > tracking the mouse, even allowing the flex context menu to
                          > > appear
                          > > > > > > > entirely outside of the panel/swf area. The problem does not
                          > > > seem to
                          > > > > > > > be contained to the panel being over an iframe. Dragging the
                          > > > > panel so
                          > > > > > > > that it sits on top of other parts of the layout (with
                          simple
                          > > > html)
                          > > > > > > > also has issues. There is another flex control always
                          > > displayed in
                          > > > > > > > one of the parts of the layout. Dragging the panel to that
                          > > part of
                          > > > > > > > the screen always tracks the mouse correctly within the
                          > > panel that
                          > > > > > > > sits directly on top of that other flex widget.
                          > > > > > > >
                          > > > > > > > Are there any known problems of hosting a .swf inside a
                          panel
                          > > > in FF?
                          > > > > > > > As mentioned before, this does not happen in IE.
                          > > > > > > >
                          > > > > > > > Ania.
                          > > > > > > >
                          > > > > > > >
                          > > > > > > >
                          > > > > > >
                          > > > > >
                          > > > >
                          > > >
                          > >
                          >
                        • aniad
                          Hi, Thank you, I ll be waiting for your input. Ania. ... showing of ... you ll ... version ... talks to ... .swf ... original ... changed ... on the ... .swf.
                          Message 12 of 17 , Oct 8, 2008
                          • 0 Attachment
                            Hi,

                            Thank you, I'll be waiting for your input.

                            Ania.

                            --- In ydn-javascript@yahoogroups.com, "Satyen Desai" <sdesai@...> wrote:
                            >
                            > Hi,
                            >
                            > Been away from a computer for a few days. Will follow up on this
                            > thread once I've had a chance to replicate your test.
                            >
                            > Regards,
                            > Satyen
                            >
                            > --- In ydn-javascript@yahoogroups.com, "aniad" <aniad@> wrote:
                            > >
                            > > Satyen,
                            > >
                            > > Here are some additional observations: when I bring up the panel
                            > > w/.swf, change the div's style which will cause the .swf to reload so
                            > > in my test case I reinitialize the flex again, at the end of all that
                            > > I get a working dialog/panel with swf. Then I close the panel (ie put
                            > > if off screen). Some subsequent user interaction changes the state of
                            > > things and the panel is made visible again, but because the state of
                            > > things has changed the .swf will display a different version of
                            > > buttons and controls. Unfortunately, those new buttons/controls are
                            > > again unresponsive. Setting div's style again acts like a nop at this
                            > > point because the style has already been set, I suppose.
                            > >
                            > > ANY help/ideas to accomplish being able to put swf in a panel, keep it
                            > > active by hiding it off screen and have responsive buttons/controls
                            > > over an iframe will be extremely appreciated.
                            > >
                            > > Ania.
                            > >
                            > > --- In ydn-javascript@yahoogroups.com, "aniad" <aniad@> wrote:
                            > > >
                            > > > Yes, this is in your modified file. So, if you seperate the
                            showing of
                            > > > the panel from setting the overflow attrib of the panel into 2
                            > > > functions like this:
                            > > >
                            > > > function showPanel()
                            > > > {
                            > > > gToolPanel.cfg.setProperty ("fixedcenter", true );
                            > > > gToolPanel.center();
                            > > > }
                            > > >
                            > > > function fixOverflow()
                            > > > {
                            > > > if (YAHOO.env.ua.gecko &&
                            > > > navigator.userAgent.toLowerCase().indexOf("macintosh") == -1)
                            > > > {
                            > > > // On the mac, Panel already applies it's own set of
                            > > > overflow management to Panel,
                            > > > // to prevent scrollbar bleedthrough.
                            > > > YAHOO.util.Dom.setStyle("flexWrapperDiv", "overflow",
                            > > "auto");
                            > > > }
                            > > > }
                            > > >
                            > > > And then add a 5th button:
                            > > > <button onclick="fixOverflow();">5): click to fix
                            > > > overflow, see flex repaint</button>
                            > > >
                            > > > and then do button 1, button 2, button 3 and finally button 5,
                            you'll
                            > > > see the flex totally repaint/reload.
                            > > >
                            > > > The reload messes us up, as the first, originally instantiated
                            version
                            > > > of flex has a state already set. Basically the .swf in panel
                            talks to
                            > > > other parts of the UI, which depend on that .swf but in turn the
                            .swf
                            > > > gets a 'state' from those other parts. So, when it reloads all is
                            > > lost...
                            > > >
                            > > > Thank you again for looking into this. I've been working on this
                            > > > problem for quite a while now and truly appreciate your help!
                            > > >
                            > > > Ania.
                            > > >
                            > > >
                            > > >
                            > > > --- In ydn-javascript@yahoogroups.com, "Satyen Desai" <sdesai@>
                            wrote:
                            > > > >
                            > > > > >> first .setStyle does it. Can you think of any other work around
                            > > which
                            > > > > would not involve a reload of the flex?
                            > > > >
                            > > > > Is this with the updated file I provided below or with your
                            original
                            > > > zip? Also any specific version of FF/OS?
                            > > > >
                            > > > > >> p.s. What I also noted, is that when the panel is hidden and I
                            > > bring
                            > > > > up Firebug (f12) the panel "spontaneously" becomes visible...
                            > any idea
                            > > > > about that?
                            > > > >
                            > > > > I believe this may be because in your original code you had
                            > > > "fixedcenter" set to true, which will attempt to center the Panel
                            > > > whenever the window is resized. In my modified version, I just
                            changed
                            > > > this to invoke panel.center() when it's shown.
                            > > > >
                            > > > > Regards,
                            > > > > Satyen
                            > > > > ________________________________________
                            > > > > From: ydn-javascript@yahoogroups.com
                            > > > [mailto:ydn-javascript@yahoogroups.com] On Behalf Of aniad
                            > > > > Sent: Thursday, October 02, 2008 3:58 PM
                            > > > > To: ydn-javascript@yahoogroups.com
                            > > > > Subject: [ydn-javascript] Re: Problem with flex (.swf) inside a
                            > > > panel in Firefox
                            > > > >
                            > > > > Hi Satyen,
                            > > > >
                            > > > > Thank you so much for your reply.
                            > > > >
                            > > > > I'm still working on this... turns out that setting the style
                            on the
                            > > > > div causes a RELOAD of the flex widget, which is something we
                            > are very
                            > > > > much trying to avoid. In addition, after it reloads the flex's
                            > > > > external interfaces seem unresponsive... You can see that reload
                            > when
                            > > > > you create the panel, then the layout (which hides the panel) then
                            > > > > show the panel which will come back blank then paints the
                            .swf. What
                            > > > > I don't quite understand is that from there on it seems fine.
                            > Meaning
                            > > > > that subsequent hide/show don't cause the reload, it is as if
                            > only the
                            > > > > first .setStyle does it. Can you think of any other work around
                            > which
                            > > > > would not involve a reload of the flex?
                            > > > >
                            > > > > Ania.
                            > > > >
                            > > > > p.s. What I also noted, is that when the panel is hidden and I
                            bring
                            > > > > up Firebug (f12) the panel "spontaneously" becomes visible...
                            > any idea
                            > > > > about that?
                            > > > >
                            > > > > a.
                            > > > >
                            > > > > --- In ydn-javascript@yahoogroups.com, "Satyen Desai" <sdesai@>
                            > wrote:
                            > > > > >
                            > > > > > Hi,
                            > > > > > Thanks for the detailed example page.
                            > > > > >
                            > > > > > Try using the following version of your page:
                            > > > > >
                            > > > > >
                            > > > >
                            > > >
                            > >
                            >
                            http://yuiblog.com/sandbox/yui/v250/examples/container/panelOverIframe.html
                            > > > > >
                            > > > > > (Your swf isn't hosted at the above location, so you'll need to
                            > > > > download it and try it out locally)
                            > > > > >
                            > > > > > The main change is to applying overflow:auto to the
                            > flashWrapperDiv.
                            > > > > >
                            > > > > > Some notes:
                            > > > > >
                            > > > > > * I found that I had to apply overflow:auto dynamically through
                            > > > > > script as opposed to using static CSS - probably a "redraw"
                            issue.
                            > > > > >
                            > > > > > * We apply overflow:auto to the Panel shadow, for FF/Mac
                            > already to
                            > > > > > deal with scrollbar bleed through issues, so the fix was only
                            > > > > > required for FF/Win.
                            > > > > >
                            > > > > > The other minor changes are just to get the height set
                            correctly.
                            > > > > >
                            > > > > > Tried it across FF2, FF3 on WinXP/MacOS and seems to work fine,
                            > > > > aside from the fact that the swf is not re-drawn when dragging in
                            > > > > FF2/MacOS for step 1 of your repro example (which can probably be
                            > > > > resolved also, if it's a real part of your application)
                            > > > > >
                            > > > > > Let me know how it goes.
                            > > > > >
                            > > > > > Regards,
                            > > > > > Satyen
                            > > > > >
                            > > > > > ________________________________________
                            > > > > > From: ydn-javascript@yahoogroups.com
                            > > > > [mailto:ydn-javascript@yahoogroups.com] On Behalf Of aniad
                            > > > > > Sent: Thursday, October 02, 2008 9:45 AM
                            > > > > > To: ydn-javascript@yahoogroups.com
                            > > > > > Subject: [ydn-javascript] Re: Problem with flex (.swf) inside a
                            > > > > panel in Firefox
                            > > > > >
                            > > > > > Here is a link to a zip file which has a simple .html and a
                            simple
                            > > > > > .swf file which demonstrate the problem (I have also included
                            > > the code
                            > > > > > for the .swf file in case you need it).
                            > > > > >
                            > > > > >
                            https://download.amberpoint.com/forYahoo/SwfOverIframe_Problem.zip
                            > > > > > Username: Yahoo
                            > > > > > Password: bug4yahoo
                            > > > > >
                            > > > > > As you will see in the text in the .html, the problem is
                            very much
                            > > > > > linked to the order in which items are created. However, we have
                            > > > > > certain dependencies between the .swf and other items on the
                            page
                            > > > > > therefore need to create the panel w/.swf first.
                            > > > > >
                            > > > > > Ania.
                            > > > > >
                            > > > > > --- In ydn-javascript@yahoogroups.com, "aniad" <aniad@> wrote:
                            > > > > > >
                            > > > > > > Eric,
                            > > > > > >
                            > > > > > > Changing the wmode helped a little. The mouse tracks correctly
                            > > when
                            > > > > > > the panel is dragged around over most of the screen areas,
                            > > > however it
                            > > > > > > still is unresponsive when the panel is over an iframe.
                            I'll put
                            > > > > > > together simple example of this problem.
                            > > > > > > Ania.
                            > > > > > >
                            > > > > > > btw, did you have a chance to look at
                            > > > > > >
                            > http://tech.groups.yahoo.com/group/ydn-javascript/message/38440? I
                            > > > > > > posted simple nested layout code which demonstrates the
                            'invalid
                            > > > > > > argument' error.
                            > > > > > > a.
                            > > > > > >
                            > > > > > > --- In ydn-javascript@yahoogroups.com, Eric Miraglia
                            <miraglia@>
                            > > > > wrote:
                            > > > > > > >
                            > > > > > > > Ania,
                            > > > > > > >
                            > > > > > > > Here's what our Flash experts say:
                            > > > > > > >
                            > > > > > > > My suggestion would be to check the wmode of their SWF
                            embed.
                            > > > This
                            > > > > > > > sounds like a longstanding issue with the plugin version
                            > of the
                            > > > > > player
                            > > > > > > > when the wmode is set to transparent or opaque. Changing the
                            > > wmode
                            > > > > > to
                            > > > > > > > window should fix it. If that is not the case, they'll
                            need to
                            > > > > > send a
                            > > > > > > > link or their code and I can take a look.
                            > > > > > > >
                            > > > > > > > See if wmode solves your problem; if not, please send a link
                            > > > to the
                            > > > > > > > page where you're having the problem.
                            > > > > > > >
                            > > > > > > > Regards,
                            > > > > > > > Eric
                            > > > > > > >
                            > > > > > > >
                            > > > > > > > On Sep 30, 2008, at 3:45 PM, aniad wrote:
                            > > > > > > >
                            > > > > > > > > We have a nested full screen layout. In the `bottom' part
                            > > of the
                            > > > > > > > > inner layout (which is in the `center' of the outer
                            > layout) we
                            > > > > > have a
                            > > > > > > > > tabs control. Each tab creates an iframe into which a
                            > page is
                            > > > > > > > > displayed, depending on what is selected elsewhere in
                            > the UI.
                            > > > > > > > >
                            > > > > > > > > When the user clicks a button a panel is made visible
                            which
                            > > > has a
                            > > > > > > > > <div> inside which a .swf file is rendered. The swf has a
                            > > > > number of
                            > > > > > > > > controls, buttons and drop boxes with which the user
                            > > interacts.
                            > > > > > > > >
                            > > > > > > > > The problem (FF only, works correctly in IE):
                            > > > > > > > > When the panel with .swf is visible the mouse is not
                            tracked
                            > > > > > properly
                            > > > > > > > > within the swf. The portions of the panel/swf that
                            > overlay the
                            > > > > > iframe
                            > > > > > > > > displayed in the bottom/tabs portion do not track the
                            mouse
                            > > > > > properly,
                            > > > > > > > > thus appearing unresponsive. Right clicking in the .swf
                            > > > shows the
                            > > > > > > > > standard flex context menu way off from where the
                            mouse was
                            > > > > clicked.
                            > > > > > > > > Dragging the panel around the screen exaggerates the
                            > > problem of
                            > > > > > > > > tracking the mouse, even allowing the flex context menu to
                            > > > appear
                            > > > > > > > > entirely outside of the panel/swf area. The problem
                            does not
                            > > > > seem to
                            > > > > > > > > be contained to the panel being over an iframe.
                            Dragging the
                            > > > > > panel so
                            > > > > > > > > that it sits on top of other parts of the layout (with
                            > simple
                            > > > > html)
                            > > > > > > > > also has issues. There is another flex control always
                            > > > displayed in
                            > > > > > > > > one of the parts of the layout. Dragging the panel to that
                            > > > part of
                            > > > > > > > > the screen always tracks the mouse correctly within the
                            > > > panel that
                            > > > > > > > > sits directly on top of that other flex widget.
                            > > > > > > > >
                            > > > > > > > > Are there any known problems of hosting a .swf inside a
                            > panel
                            > > > > in FF?
                            > > > > > > > > As mentioned before, this does not happen in IE.
                            > > > > > > > >
                            > > > > > > > > Ania.
                            > > > > > > > >
                            > > > > > > > >
                            > > > > > > > >
                            > > > > > > >
                            > > > > > >
                            > > > > >
                            > > > >
                            > > >
                            > >
                            >
                          • aniad
                            Hi, I don t mean to push on this, but I m kind of stuck on this... Did you have a chance to look at this? Thank you, Ania. ... showing of ... you ll ...
                            Message 13 of 17 , Oct 13, 2008
                            • 0 Attachment
                              Hi,

                              I don't mean to push on this, but I'm kind of stuck on this... Did you
                              have a chance to look at this?

                              Thank you,
                              Ania.

                              --- In ydn-javascript@yahoogroups.com, "Satyen Desai" <sdesai@...> wrote:
                              >
                              > Hi,
                              >
                              > Been away from a computer for a few days. Will follow up on this
                              > thread once I've had a chance to replicate your test.
                              >
                              > Regards,
                              > Satyen
                              >
                              > --- In ydn-javascript@yahoogroups.com, "aniad" <aniad@> wrote:
                              > >
                              > > Satyen,
                              > >
                              > > Here are some additional observations: when I bring up the panel
                              > > w/.swf, change the div's style which will cause the .swf to reload so
                              > > in my test case I reinitialize the flex again, at the end of all that
                              > > I get a working dialog/panel with swf. Then I close the panel (ie put
                              > > if off screen). Some subsequent user interaction changes the state of
                              > > things and the panel is made visible again, but because the state of
                              > > things has changed the .swf will display a different version of
                              > > buttons and controls. Unfortunately, those new buttons/controls are
                              > > again unresponsive. Setting div's style again acts like a nop at this
                              > > point because the style has already been set, I suppose.
                              > >
                              > > ANY help/ideas to accomplish being able to put swf in a panel, keep it
                              > > active by hiding it off screen and have responsive buttons/controls
                              > > over an iframe will be extremely appreciated.
                              > >
                              > > Ania.
                              > >
                              > > --- In ydn-javascript@yahoogroups.com, "aniad" <aniad@> wrote:
                              > > >
                              > > > Yes, this is in your modified file. So, if you seperate the
                              showing of
                              > > > the panel from setting the overflow attrib of the panel into 2
                              > > > functions like this:
                              > > >
                              > > > function showPanel()
                              > > > {
                              > > > gToolPanel.cfg.setProperty ("fixedcenter", true );
                              > > > gToolPanel.center();
                              > > > }
                              > > >
                              > > > function fixOverflow()
                              > > > {
                              > > > if (YAHOO.env.ua.gecko &&
                              > > > navigator.userAgent.toLowerCase().indexOf("macintosh") == -1)
                              > > > {
                              > > > // On the mac, Panel already applies it's own set of
                              > > > overflow management to Panel,
                              > > > // to prevent scrollbar bleedthrough.
                              > > > YAHOO.util.Dom.setStyle("flexWrapperDiv", "overflow",
                              > > "auto");
                              > > > }
                              > > > }
                              > > >
                              > > > And then add a 5th button:
                              > > > <button onclick="fixOverflow();">5): click to fix
                              > > > overflow, see flex repaint</button>
                              > > >
                              > > > and then do button 1, button 2, button 3 and finally button 5,
                              you'll
                              > > > see the flex totally repaint/reload.
                              > > >
                              > > > The reload messes us up, as the first, originally instantiated
                              version
                              > > > of flex has a state already set. Basically the .swf in panel
                              talks to
                              > > > other parts of the UI, which depend on that .swf but in turn the
                              .swf
                              > > > gets a 'state' from those other parts. So, when it reloads all is
                              > > lost...
                              > > >
                              > > > Thank you again for looking into this. I've been working on this
                              > > > problem for quite a while now and truly appreciate your help!
                              > > >
                              > > > Ania.
                              > > >
                              > > >
                              > > >
                              > > > --- In ydn-javascript@yahoogroups.com, "Satyen Desai" <sdesai@>
                              wrote:
                              > > > >
                              > > > > >> first .setStyle does it. Can you think of any other work around
                              > > which
                              > > > > would not involve a reload of the flex?
                              > > > >
                              > > > > Is this with the updated file I provided below or with your
                              original
                              > > > zip? Also any specific version of FF/OS?
                              > > > >
                              > > > > >> p.s. What I also noted, is that when the panel is hidden and I
                              > > bring
                              > > > > up Firebug (f12) the panel "spontaneously" becomes visible...
                              > any idea
                              > > > > about that?
                              > > > >
                              > > > > I believe this may be because in your original code you had
                              > > > "fixedcenter" set to true, which will attempt to center the Panel
                              > > > whenever the window is resized. In my modified version, I just
                              changed
                              > > > this to invoke panel.center() when it's shown.
                              > > > >
                              > > > > Regards,
                              > > > > Satyen
                              > > > > ________________________________________
                              > > > > From: ydn-javascript@yahoogroups.com
                              > > > [mailto:ydn-javascript@yahoogroups.com] On Behalf Of aniad
                              > > > > Sent: Thursday, October 02, 2008 3:58 PM
                              > > > > To: ydn-javascript@yahoogroups.com
                              > > > > Subject: [ydn-javascript] Re: Problem with flex (.swf) inside a
                              > > > panel in Firefox
                              > > > >
                              > > > > Hi Satyen,
                              > > > >
                              > > > > Thank you so much for your reply.
                              > > > >
                              > > > > I'm still working on this... turns out that setting the style
                              on the
                              > > > > div causes a RELOAD of the flex widget, which is something we
                              > are very
                              > > > > much trying to avoid. In addition, after it reloads the flex's
                              > > > > external interfaces seem unresponsive... You can see that reload
                              > when
                              > > > > you create the panel, then the layout (which hides the panel) then
                              > > > > show the panel which will come back blank then paints the
                              .swf. What
                              > > > > I don't quite understand is that from there on it seems fine.
                              > Meaning
                              > > > > that subsequent hide/show don't cause the reload, it is as if
                              > only the
                              > > > > first .setStyle does it. Can you think of any other work around
                              > which
                              > > > > would not involve a reload of the flex?
                              > > > >
                              > > > > Ania.
                              > > > >
                              > > > > p.s. What I also noted, is that when the panel is hidden and I
                              bring
                              > > > > up Firebug (f12) the panel "spontaneously" becomes visible...
                              > any idea
                              > > > > about that?
                              > > > >
                              > > > > a.
                              > > > >
                              > > > > --- In ydn-javascript@yahoogroups.com, "Satyen Desai" <sdesai@>
                              > wrote:
                              > > > > >
                              > > > > > Hi,
                              > > > > > Thanks for the detailed example page.
                              > > > > >
                              > > > > > Try using the following version of your page:
                              > > > > >
                              > > > > >
                              > > > >
                              > > >
                              > >
                              >
                              http://yuiblog.com/sandbox/yui/v250/examples/container/panelOverIframe.html
                              > > > > >
                              > > > > > (Your swf isn't hosted at the above location, so you'll need to
                              > > > > download it and try it out locally)
                              > > > > >
                              > > > > > The main change is to applying overflow:auto to the
                              > flashWrapperDiv.
                              > > > > >
                              > > > > > Some notes:
                              > > > > >
                              > > > > > * I found that I had to apply overflow:auto dynamically through
                              > > > > > script as opposed to using static CSS - probably a "redraw"
                              issue.
                              > > > > >
                              > > > > > * We apply overflow:auto to the Panel shadow, for FF/Mac
                              > already to
                              > > > > > deal with scrollbar bleed through issues, so the fix was only
                              > > > > > required for FF/Win.
                              > > > > >
                              > > > > > The other minor changes are just to get the height set
                              correctly.
                              > > > > >
                              > > > > > Tried it across FF2, FF3 on WinXP/MacOS and seems to work fine,
                              > > > > aside from the fact that the swf is not re-drawn when dragging in
                              > > > > FF2/MacOS for step 1 of your repro example (which can probably be
                              > > > > resolved also, if it's a real part of your application)
                              > > > > >
                              > > > > > Let me know how it goes.
                              > > > > >
                              > > > > > Regards,
                              > > > > > Satyen
                              > > > > >
                              > > > > > ________________________________________
                              > > > > > From: ydn-javascript@yahoogroups.com
                              > > > > [mailto:ydn-javascript@yahoogroups.com] On Behalf Of aniad
                              > > > > > Sent: Thursday, October 02, 2008 9:45 AM
                              > > > > > To: ydn-javascript@yahoogroups.com
                              > > > > > Subject: [ydn-javascript] Re: Problem with flex (.swf) inside a
                              > > > > panel in Firefox
                              > > > > >
                              > > > > > Here is a link to a zip file which has a simple .html and a
                              simple
                              > > > > > .swf file which demonstrate the problem (I have also included
                              > > the code
                              > > > > > for the .swf file in case you need it).
                              > > > > >
                              > > > > >
                              https://download.amberpoint.com/forYahoo/SwfOverIframe_Problem.zip
                              > > > > > Username: Yahoo
                              > > > > > Password: bug4yahoo
                              > > > > >
                              > > > > > As you will see in the text in the .html, the problem is
                              very much
                              > > > > > linked to the order in which items are created. However, we have
                              > > > > > certain dependencies between the .swf and other items on the
                              page
                              > > > > > therefore need to create the panel w/.swf first.
                              > > > > >
                              > > > > > Ania.
                              > > > > >
                              > > > > > --- In ydn-javascript@yahoogroups.com, "aniad" <aniad@> wrote:
                              > > > > > >
                              > > > > > > Eric,
                              > > > > > >
                              > > > > > > Changing the wmode helped a little. The mouse tracks correctly
                              > > when
                              > > > > > > the panel is dragged around over most of the screen areas,
                              > > > however it
                              > > > > > > still is unresponsive when the panel is over an iframe.
                              I'll put
                              > > > > > > together simple example of this problem.
                              > > > > > > Ania.
                              > > > > > >
                              > > > > > > btw, did you have a chance to look at
                              > > > > > >
                              > http://tech.groups.yahoo.com/group/ydn-javascript/message/38440? I
                              > > > > > > posted simple nested layout code which demonstrates the
                              'invalid
                              > > > > > > argument' error.
                              > > > > > > a.
                              > > > > > >
                              > > > > > > --- In ydn-javascript@yahoogroups.com, Eric Miraglia
                              <miraglia@>
                              > > > > wrote:
                              > > > > > > >
                              > > > > > > > Ania,
                              > > > > > > >
                              > > > > > > > Here's what our Flash experts say:
                              > > > > > > >
                              > > > > > > > My suggestion would be to check the wmode of their SWF
                              embed.
                              > > > This
                              > > > > > > > sounds like a longstanding issue with the plugin version
                              > of the
                              > > > > > player
                              > > > > > > > when the wmode is set to transparent or opaque. Changing the
                              > > wmode
                              > > > > > to
                              > > > > > > > window should fix it. If that is not the case, they'll
                              need to
                              > > > > > send a
                              > > > > > > > link or their code and I can take a look.
                              > > > > > > >
                              > > > > > > > See if wmode solves your problem; if not, please send a link
                              > > > to the
                              > > > > > > > page where you're having the problem.
                              > > > > > > >
                              > > > > > > > Regards,
                              > > > > > > > Eric
                              > > > > > > >
                              > > > > > > >
                              > > > > > > > On Sep 30, 2008, at 3:45 PM, aniad wrote:
                              > > > > > > >
                              > > > > > > > > We have a nested full screen layout. In the `bottom' part
                              > > of the
                              > > > > > > > > inner layout (which is in the `center' of the outer
                              > layout) we
                              > > > > > have a
                              > > > > > > > > tabs control. Each tab creates an iframe into which a
                              > page is
                              > > > > > > > > displayed, depending on what is selected elsewhere in
                              > the UI.
                              > > > > > > > >
                              > > > > > > > > When the user clicks a button a panel is made visible
                              which
                              > > > has a
                              > > > > > > > > <div> inside which a .swf file is rendered. The swf has a
                              > > > > number of
                              > > > > > > > > controls, buttons and drop boxes with which the user
                              > > interacts.
                              > > > > > > > >
                              > > > > > > > > The problem (FF only, works correctly in IE):
                              > > > > > > > > When the panel with .swf is visible the mouse is not
                              tracked
                              > > > > > properly
                              > > > > > > > > within the swf. The portions of the panel/swf that
                              > overlay the
                              > > > > > iframe
                              > > > > > > > > displayed in the bottom/tabs portion do not track the
                              mouse
                              > > > > > properly,
                              > > > > > > > > thus appearing unresponsive. Right clicking in the .swf
                              > > > shows the
                              > > > > > > > > standard flex context menu way off from where the
                              mouse was
                              > > > > clicked.
                              > > > > > > > > Dragging the panel around the screen exaggerates the
                              > > problem of
                              > > > > > > > > tracking the mouse, even allowing the flex context menu to
                              > > > appear
                              > > > > > > > > entirely outside of the panel/swf area. The problem
                              does not
                              > > > > seem to
                              > > > > > > > > be contained to the panel being over an iframe.
                              Dragging the
                              > > > > > panel so
                              > > > > > > > > that it sits on top of other parts of the layout (with
                              > simple
                              > > > > html)
                              > > > > > > > > also has issues. There is another flex control always
                              > > > displayed in
                              > > > > > > > > one of the parts of the layout. Dragging the panel to that
                              > > > part of
                              > > > > > > > > the screen always tracks the mouse correctly within the
                              > > > panel that
                              > > > > > > > > sits directly on top of that other flex widget.
                              > > > > > > > >
                              > > > > > > > > Are there any known problems of hosting a .swf inside a
                              > panel
                              > > > > in FF?
                              > > > > > > > > As mentioned before, this does not happen in IE.
                              > > > > > > > >
                              > > > > > > > > Ania.
                              > > > > > > > >
                              > > > > > > > >
                              > > > > > > > >
                              > > > > > > >
                              > > > > > >
                              > > > > >
                              > > > >
                              > > >
                              > >
                              >
                            • Satyen Desai
                              Hi, I did take another look at it and attempted a DIV shim based solution to cover the iframe, as an alternate approach, but that did not help. On the swf side
                              Message 14 of 17 , Oct 14, 2008
                              • 0 Attachment
                                Hi,

                                I did take another look at it and attempted a DIV shim based solution to cover the iframe, as an alternate approach, but that did not help.

                                On the swf side of things, I was wondering if you might want to evaluate a solution which split the state from the UI, so you can store the state in another swf (which has no UI and doesn't need to be reloaded), or in JS.

                                That would free you up to reload the swf which renders the UI, whenever you need to work around the FF/iframe overlap issue and restore it's state from JS/the other swf. NOTE: My swf knowledge is fairly limited, so not sure how big/small a task this is. I believe this is something we do for the Charts component to resolve the reload issue.

                                Will continue to dig, but am a little short on time this week.

                                - Satyen
                                ________________________________________
                                From: ydn-javascript@yahoogroups.com [mailto:ydn-javascript@yahoogroups.com] On Behalf Of aniad
                                Sent: Monday, October 13, 2008 10:12 AM
                                To: ydn-javascript@yahoogroups.com
                                Subject: [ydn-javascript] Re: Problem with flex (.swf) inside a panel in Firefox

                                Hi,

                                I don't mean to push on this, but I'm kind of stuck on this... Did you
                                have a chance to look at this?

                                Thank you,
                                Ania.

                                --- In ydn-javascript@yahoogroups.com, "Satyen Desai" <sdesai@...> wrote:
                                >
                                > Hi,
                                >
                                > Been away from a computer for a few days. Will follow up on this
                                > thread once I've had a chance to replicate your test.
                                >
                                > Regards,
                                > Satyen
                                >
                                > --- In ydn-javascript@yahoogroups.com, "aniad" <aniad@> wrote:
                                > >
                                > > Satyen,
                                > >
                                > > Here are some additional observations: when I bring up the panel
                                > > w/.swf, change the div's style which will cause the .swf to reload so
                                > > in my test case I reinitialize the flex again, at the end of all that
                                > > I get a working dialog/panel with swf. Then I close the panel (ie put
                                > > if off screen). Some subsequent user interaction changes the state of
                                > > things and the panel is made visible again, but because the state of
                                > > things has changed the .swf will display a different version of
                                > > buttons and controls. Unfortunately, those new buttons/controls are
                                > > again unresponsive. Setting div's style again acts like a nop at this
                                > > point because the style has already been set, I suppose.
                                > >
                                > > ANY help/ideas to accomplish being able to put swf in a panel, keep it
                                > > active by hiding it off screen and have responsive buttons/controls
                                > > over an iframe will be extremely appreciated.
                                > >
                                > > Ania.
                                > >
                                > > --- In ydn-javascript@yahoogroups.com, "aniad" <aniad@> wrote:
                                > > >
                                > > > Yes, this is in your modified file. So, if you seperate the
                                showing of
                                > > > the panel from setting the overflow attrib of the panel into 2
                                > > > functions like this:
                                > > >
                                > > > function showPanel()
                                > > > {
                                > > > gToolPanel.cfg.setProperty ("fixedcenter", true );
                                > > > gToolPanel.center();
                                > > > }
                                > > >
                                > > > function fixOverflow()
                                > > > {
                                > > > if (YAHOO.env.ua.gecko &&
                                > > > navigator.userAgent.toLowerCase().indexOf("macintosh") == -1)
                                > > > {
                                > > > // On the mac, Panel already applies it's own set of
                                > > > overflow management to Panel,
                                > > > // to prevent scrollbar bleedthrough.
                                > > > YAHOO.util.Dom.setStyle("flexWrapperDiv", "overflow",
                                > > "auto");
                                > > > }
                                > > > }
                                > > >
                                > > > And then add a 5th button:
                                > > > <button onclick="fixOverflow();">5): click to fix
                                > > > overflow, see flex repaint</button>
                                > > >
                                > > > and then do button 1, button 2, button 3 and finally button 5,
                                you'll
                                > > > see the flex totally repaint/reload.
                                > > >
                                > > > The reload messes us up, as the first, originally instantiated
                                version
                                > > > of flex has a state already set. Basically the .swf in panel
                                talks to
                                > > > other parts of the UI, which depend on that .swf but in turn the
                                .swf
                                > > > gets a 'state' from those other parts. So, when it reloads all is
                                > > lost...
                                > > >
                                > > > Thank you again for looking into this. I've been working on this
                                > > > problem for quite a while now and truly appreciate your help!
                                > > >
                                > > > Ania.
                                > > >
                                > > >
                                > > >
                                > > > --- In ydn-javascript@yahoogroups.com, "Satyen Desai" <sdesai@>
                                wrote:
                                > > > >
                                > > > > >> first .setStyle does it. Can you think of any other work around
                                > > which
                                > > > > would not involve a reload of the flex?
                                > > > >
                                > > > > Is this with the updated file I provided below or with your
                                original
                                > > > zip? Also any specific version of FF/OS?
                                > > > >
                                > > > > >> p.s. What I also noted, is that when the panel is hidden and I
                                > > bring
                                > > > > up Firebug (f12) the panel "spontaneously" becomes visible...
                                > any idea
                                > > > > about that?
                                > > > >
                                > > > > I believe this may be because in your original code you had
                                > > > "fixedcenter" set to true, which will attempt to center the Panel
                                > > > whenever the window is resized. In my modified version, I just
                                changed
                                > > > this to invoke panel.center() when it's shown.
                                > > > >
                                > > > > Regards,
                                > > > > Satyen
                                > > > > ________________________________________
                                > > > > From: ydn-javascript@yahoogroups.com
                                > > > [mailto:ydn-javascript@yahoogroups.com] On Behalf Of aniad
                                > > > > Sent: Thursday, October 02, 2008 3:58 PM
                                > > > > To: ydn-javascript@yahoogroups.com
                                > > > > Subject: [ydn-javascript] Re: Problem with flex (.swf) inside a
                                > > > panel in Firefox
                                > > > >
                                > > > > Hi Satyen,
                                > > > >
                                > > > > Thank you so much for your reply.
                                > > > >
                                > > > > I'm still working on this... turns out that setting the style
                                on the
                                > > > > div causes a RELOAD of the flex widget, which is something we
                                > are very
                                > > > > much trying to avoid. In addition, after it reloads the flex's
                                > > > > external interfaces seem unresponsive... You can see that reload
                                > when
                                > > > > you create the panel, then the layout (which hides the panel) then
                                > > > > show the panel which will come back blank then paints the
                                .swf. What
                                > > > > I don't quite understand is that from there on it seems fine.
                                > Meaning
                                > > > > that subsequent hide/show don't cause the reload, it is as if
                                > only the
                                > > > > first .setStyle does it. Can you think of any other work around
                                > which
                                > > > > would not involve a reload of the flex?
                                > > > >
                                > > > > Ania.
                                > > > >
                                > > > > p.s. What I also noted, is that when the panel is hidden and I
                                bring
                                > > > > up Firebug (f12) the panel "spontaneously" becomes visible...
                                > any idea
                                > > > > about that?
                                > > > >
                                > > > > a.
                                > > > >
                                > > > > --- In ydn-javascript@yahoogroups.com, "Satyen Desai" <sdesai@>
                                > wrote:
                                > > > > >
                                > > > > > Hi,
                                > > > > > Thanks for the detailed example page.
                                > > > > >
                                > > > > > Try using the following version of your page:
                                > > > > >
                                > > > > >
                                > > > >
                                > > >
                                > >
                                >
                                http://yuiblog.com/sandbox/yui/v250/examples/container/panelOverIframe.html
                                > > > > >
                                > > > > > (Your swf isn't hosted at the above location, so you'll need to
                                > > > > download it and try it out locally)
                                > > > > >
                                > > > > > The main change is to applying overflow:auto to the
                                > flashWrapperDiv.
                                > > > > >
                                > > > > > Some notes:
                                > > > > >
                                > > > > > * I found that I had to apply overflow:auto dynamically through
                                > > > > > script as opposed to using static CSS - probably a "redraw"
                                issue.
                                > > > > >
                                > > > > > * We apply overflow:auto to the Panel shadow, for FF/Mac
                                > already to
                                > > > > > deal with scrollbar bleed through issues, so the fix was only
                                > > > > > required for FF/Win.
                                > > > > >
                                > > > > > The other minor changes are just to get the height set
                                correctly.
                                > > > > >
                                > > > > > Tried it across FF2, FF3 on WinXP/MacOS and seems to work fine,
                                > > > > aside from the fact that the swf is not re-drawn when dragging in
                                > > > > FF2/MacOS for step 1 of your repro example (which can probably be
                                > > > > resolved also, if it's a real part of your application)
                                > > > > >
                                > > > > > Let me know how it goes.
                                > > > > >
                                > > > > > Regards,
                                > > > > > Satyen
                                > > > > >
                                > > > > > ________________________________________
                                > > > > > From: ydn-javascript@yahoogroups.com
                                > > > > [mailto:ydn-javascript@yahoogroups.com] On Behalf Of aniad
                                > > > > > Sent: Thursday, October 02, 2008 9:45 AM
                                > > > > > To: ydn-javascript@yahoogroups.com
                                > > > > > Subject: [ydn-javascript] Re: Problem with flex (.swf) inside a
                                > > > > panel in Firefox
                                > > > > >
                                > > > > > Here is a link to a zip file which has a simple .html and a
                                simple
                                > > > > > .swf file which demonstrate the problem (I have also included
                                > > the code
                                > > > > > for the .swf file in case you need it).
                                > > > > >
                                > > > > >
                                https://download.amberpoint.com/forYahoo/SwfOverIframe_Problem.zip
                                > > > > > Username: Yahoo
                                > > > > > Password: bug4yahoo
                                > > > > >
                                > > > > > As you will see in the text in the .html, the problem is
                                very much
                                > > > > > linked to the order in which items are created. However, we have
                                > > > > > certain dependencies between the .swf and other items on the
                                page
                                > > > > > therefore need to create the panel w/.swf first.
                                > > > > >
                                > > > > > Ania.
                                > > > > >
                                > > > > > --- In ydn-javascript@yahoogroups.com, "aniad" <aniad@> wrote:
                                > > > > > >
                                > > > > > > Eric,
                                > > > > > >
                                > > > > > > Changing the wmode helped a little. The mouse tracks correctly
                                > > when
                                > > > > > > the panel is dragged around over most of the screen areas,
                                > > > however it
                                > > > > > > still is unresponsive when the panel is over an iframe.
                                I'll put
                                > > > > > > together simple example of this problem.
                                > > > > > > Ania.
                                > > > > > >
                                > > > > > > btw, did you have a chance to look at
                                > > > > > >
                                > http://tech.groups.yahoo.com/group/ydn-javascript/message/38440? I
                                > > > > > > posted simple nested layout code which demonstrates the
                                'invalid
                                > > > > > > argument' error.
                                > > > > > > a.
                                > > > > > >
                                > > > > > > --- In ydn-javascript@yahoogroups.com, Eric Miraglia
                                <miraglia@>
                                > > > > wrote:
                                > > > > > > >
                                > > > > > > > Ania,
                                > > > > > > >
                                > > > > > > > Here's what our Flash experts say:
                                > > > > > > >
                                > > > > > > > My suggestion would be to check the wmode of their SWF
                                embed.
                                > > > This
                                > > > > > > > sounds like a longstanding issue with the plugin version
                                > of the
                                > > > > > player
                                > > > > > > > when the wmode is set to transparent or opaque. Changing the
                                > > wmode
                                > > > > > to
                                > > > > > > > window should fix it. If that is not the case, they'll
                                need to
                                > > > > > send a
                                > > > > > > > link or their code and I can take a look.
                                > > > > > > >
                                > > > > > > > See if wmode solves your problem; if not, please send a link
                                > > > to the
                                > > > > > > > page where you're having the problem.
                                > > > > > > >
                                > > > > > > > Regards,
                                > > > > > > > Eric
                                > > > > > > >
                                > > > > > > >
                                > > > > > > > On Sep 30, 2008, at 3:45 PM, aniad wrote:
                                > > > > > > >
                                > > > > > > > > We have a nested full screen layout. In the `bottom' part
                                > > of the
                                > > > > > > > > inner layout (which is in the `center' of the outer
                                > layout) we
                                > > > > > have a
                                > > > > > > > > tabs control. Each tab creates an iframe into which a
                                > page is
                                > > > > > > > > displayed, depending on what is selected elsewhere in
                                > the UI.
                                > > > > > > > >
                                > > > > > > > > When the user clicks a button a panel is made visible
                                which
                                > > > has a
                                > > > > > > > > <div> inside which a .swf file is rendered. The swf has a
                                > > > > number of
                                > > > > > > > > controls, buttons and drop boxes with which the user
                                > > interacts.
                                > > > > > > > >
                                > > > > > > > > The problem (FF only, works correctly in IE):
                                > > > > > > > > When the panel with .swf is visible the mouse is not
                                tracked
                                > > > > > properly
                                > > > > > > > > within the swf. The portions of the panel/swf that
                                > overlay the
                                > > > > > iframe
                                > > > > > > > > displayed in the bottom/tabs portion do not track the
                                mouse
                                > > > > > properly,
                                > > > > > > > > thus appearing unresponsive. Right clicking in the .swf
                                > > > shows the
                                > > > > > > > > standard flex context menu way off from where the
                                mouse was
                                > > > > clicked.
                                > > > > > > > > Dragging the panel around the screen exaggerates the
                                > > problem of
                                > > > > > > > > tracking the mouse, even allowing the flex context menu to
                                > > > appear
                                > > > > > > > > entirely outside of the panel/swf area. The problem
                                does not
                                > > > > seem to
                                > > > > > > > > be contained to the panel being over an iframe.
                                Dragging the
                                > > > > > panel so
                                > > > > > > > > that it sits on top of other parts of the layout (with
                                > simple
                                > > > > html)
                                > > > > > > > > also has issues. There is another flex control always
                                > > > displayed in
                                > > > > > > > > one of the parts of the layout. Dragging the panel to that
                                > > > part of
                                > > > > > > > > the screen always tracks the mouse correctly within the
                                > > > panel that
                                > > > > > > > > sits directly on top of that other flex widget.
                                > > > > > > > >
                                > > > > > > > > Are there any known problems of hosting a .swf inside a
                                > panel
                                > > > > in FF?
                                > > > > > > > > As mentioned before, this does not happen in IE.
                                > > > > > > > >
                                > > > > > > > > Ania.
                                > > > > > > > >
                                > > > > > > > >
                                > > > > > > > >
                                > > > > > > >
                                > > > > > >
                                > > > > >
                                > > > >
                                > > >
                                > >
                                >
                              • aniad
                                Hi, The .swf is a fairly complicated widget and splitting it is not a simple, or perhaps even viable solution for us. I also tried the shim idea over the
                                Message 15 of 17 , Oct 14, 2008
                                • 0 Attachment
                                  Hi,

                                  The .swf is a fairly complicated widget and splitting it is not a
                                  simple, or perhaps even viable solution for us.

                                  I also tried the shim idea over the iframe with the same bad results.
                                  I also tried setting up the panel with an iframe. So the panel has a
                                  div, which has an iframe. The iframe references an html which in turn
                                  loads the .swf. This resulted in even more bizarre behavior, where
                                  dragging the panel over the iframe or any other part of the layout
                                  would "wipe out" the display of the .swf, meaning the .swf's parts
                                  over those areas would cease to render all together.

                                  Of course the issue at heart is that not only does the .swf reload
                                  after the `overflow' style of the panel's div is changed, but if the
                                  .swf subsequently creates new controls (buttons, pulldowns, etc) these
                                  will not work again, thus rendering the "overflow fix" somewhat mute
                                  as subsequently setting the panel's `overflow' style again is a NOP,
                                  and even if it weren't it would cause a reload again.

                                  I understand you are busy, but I will TREMENDOUSLY appreciate if you
                                  keep looking into this as we would REALLY like to find a solution
                                  which would allow us to use panels with flex over iframes.

                                  Thank you, and with your permission I might `poke' you again next week…
                                  Ania.

                                  --- In ydn-javascript@yahoogroups.com, "Satyen Desai" <sdesai@...> wrote:
                                  >
                                  > Hi,
                                  >
                                  > I did take another look at it and attempted a DIV shim based
                                  solution to cover the iframe, as an alternate approach, but that did
                                  not help.
                                  >
                                  > On the swf side of things, I was wondering if you might want to
                                  evaluate a solution which split the state from the UI, so you can
                                  store the state in another swf (which has no UI and doesn't need to be
                                  reloaded), or in JS.
                                  >
                                  > That would free you up to reload the swf which renders the UI,
                                  whenever you need to work around the FF/iframe overlap issue and
                                  restore it's state from JS/the other swf. NOTE: My swf knowledge is
                                  fairly limited, so not sure how big/small a task this is. I believe
                                  this is something we do for the Charts component to resolve the reload
                                  issue.
                                  >
                                  > Will continue to dig, but am a little short on time this week.
                                  >
                                  > - Satyen
                                  > ________________________________________
                                  > From: ydn-javascript@yahoogroups.com
                                  [mailto:ydn-javascript@yahoogroups.com] On Behalf Of aniad
                                  > Sent: Monday, October 13, 2008 10:12 AM
                                  > To: ydn-javascript@yahoogroups.com
                                  > Subject: [ydn-javascript] Re: Problem with flex (.swf) inside a
                                  panel in Firefox
                                  >
                                  > Hi,
                                  >
                                  > I don't mean to push on this, but I'm kind of stuck on this... Did you
                                  > have a chance to look at this?
                                  >
                                  > Thank you,
                                  > Ania.
                                  >
                                  > --- In ydn-javascript@yahoogroups.com, "Satyen Desai" <sdesai@> wrote:
                                  > >
                                  > > Hi,
                                  > >
                                  > > Been away from a computer for a few days. Will follow up on this
                                  > > thread once I've had a chance to replicate your test.
                                  > >
                                  > > Regards,
                                  > > Satyen
                                  > >
                                  > > --- In ydn-javascript@yahoogroups.com, "aniad" <aniad@> wrote:
                                  > > >
                                  > > > Satyen,
                                  > > >
                                  > > > Here are some additional observations: when I bring up the panel
                                  > > > w/.swf, change the div's style which will cause the .swf to
                                  reload so
                                  > > > in my test case I reinitialize the flex again, at the end of all
                                  that
                                  > > > I get a working dialog/panel with swf. Then I close the panel
                                  (ie put
                                  > > > if off screen). Some subsequent user interaction changes the
                                  state of
                                  > > > things and the panel is made visible again, but because the state of
                                  > > > things has changed the .swf will display a different version of
                                  > > > buttons and controls. Unfortunately, those new buttons/controls are
                                  > > > again unresponsive. Setting div's style again acts like a nop at
                                  this
                                  > > > point because the style has already been set, I suppose.
                                  > > >
                                  > > > ANY help/ideas to accomplish being able to put swf in a panel,
                                  keep it
                                  > > > active by hiding it off screen and have responsive buttons/controls
                                  > > > over an iframe will be extremely appreciated.
                                  > > >
                                  > > > Ania.
                                  > > >
                                  > > > --- In ydn-javascript@yahoogroups.com, "aniad" <aniad@> wrote:
                                  > > > >
                                  > > > > Yes, this is in your modified file. So, if you seperate the
                                  > showing of
                                  > > > > the panel from setting the overflow attrib of the panel into 2
                                  > > > > functions like this:
                                  > > > >
                                  > > > > function showPanel()
                                  > > > > {
                                  > > > > gToolPanel.cfg.setProperty ("fixedcenter", true );
                                  > > > > gToolPanel.center();
                                  > > > > }
                                  > > > >
                                  > > > > function fixOverflow()
                                  > > > > {
                                  > > > > if (YAHOO.env.ua.gecko &&
                                  > > > > navigator.userAgent.toLowerCase().indexOf("macintosh") == -1)
                                  > > > > {
                                  > > > > // On the mac, Panel already applies it's own set of
                                  > > > > overflow management to Panel,
                                  > > > > // to prevent scrollbar bleedthrough.
                                  > > > > YAHOO.util.Dom.setStyle("flexWrapperDiv", "overflow",
                                  > > > "auto");
                                  > > > > }
                                  > > > > }
                                  > > > >
                                  > > > > And then add a 5th button:
                                  > > > > <button onclick="fixOverflow();">5): click to fix
                                  > > > > overflow, see flex repaint</button>
                                  > > > >
                                  > > > > and then do button 1, button 2, button 3 and finally button 5,
                                  > you'll
                                  > > > > see the flex totally repaint/reload.
                                  > > > >
                                  > > > > The reload messes us up, as the first, originally instantiated
                                  > version
                                  > > > > of flex has a state already set. Basically the .swf in panel
                                  > talks to
                                  > > > > other parts of the UI, which depend on that .swf but in turn the
                                  > .swf
                                  > > > > gets a 'state' from those other parts. So, when it reloads all is
                                  > > > lost...
                                  > > > >
                                  > > > > Thank you again for looking into this. I've been working on this
                                  > > > > problem for quite a while now and truly appreciate your help!
                                  > > > >
                                  > > > > Ania.
                                  > > > >
                                  > > > >
                                  > > > >
                                  > > > > --- In ydn-javascript@yahoogroups.com, "Satyen Desai" <sdesai@>
                                  > wrote:
                                  > > > > >
                                  > > > > > >> first .setStyle does it. Can you think of any other work
                                  around
                                  > > > which
                                  > > > > > would not involve a reload of the flex?
                                  > > > > >
                                  > > > > > Is this with the updated file I provided below or with your
                                  > original
                                  > > > > zip? Also any specific version of FF/OS?
                                  > > > > >
                                  > > > > > >> p.s. What I also noted, is that when the panel is hidden
                                  and I
                                  > > > bring
                                  > > > > > up Firebug (f12) the panel "spontaneously" becomes visible...
                                  > > any idea
                                  > > > > > about that?
                                  > > > > >
                                  > > > > > I believe this may be because in your original code you had
                                  > > > > "fixedcenter" set to true, which will attempt to center the Panel
                                  > > > > whenever the window is resized. In my modified version, I just
                                  > changed
                                  > > > > this to invoke panel.center() when it's shown.
                                  > > > > >
                                  > > > > > Regards,
                                  > > > > > Satyen
                                  > > > > > ________________________________________
                                  > > > > > From: ydn-javascript@yahoogroups.com
                                  > > > > [mailto:ydn-javascript@yahoogroups.com] On Behalf Of aniad
                                  > > > > > Sent: Thursday, October 02, 2008 3:58 PM
                                  > > > > > To: ydn-javascript@yahoogroups.com
                                  > > > > > Subject: [ydn-javascript] Re: Problem with flex (.swf) inside a
                                  > > > > panel in Firefox
                                  > > > > >
                                  > > > > > Hi Satyen,
                                  > > > > >
                                  > > > > > Thank you so much for your reply.
                                  > > > > >
                                  > > > > > I'm still working on this... turns out that setting the style
                                  > on the
                                  > > > > > div causes a RELOAD of the flex widget, which is something we
                                  > > are very
                                  > > > > > much trying to avoid. In addition, after it reloads the flex's
                                  > > > > > external interfaces seem unresponsive... You can see that reload
                                  > > when
                                  > > > > > you create the panel, then the layout (which hides the
                                  panel) then
                                  > > > > > show the panel which will come back blank then paints the
                                  > .swf. What
                                  > > > > > I don't quite understand is that from there on it seems fine.
                                  > > Meaning
                                  > > > > > that subsequent hide/show don't cause the reload, it is as if
                                  > > only the
                                  > > > > > first .setStyle does it. Can you think of any other work around
                                  > > which
                                  > > > > > would not involve a reload of the flex?
                                  > > > > >
                                  > > > > > Ania.
                                  > > > > >
                                  > > > > > p.s. What I also noted, is that when the panel is hidden and I
                                  > bring
                                  > > > > > up Firebug (f12) the panel "spontaneously" becomes visible...
                                  > > any idea
                                  > > > > > about that?
                                  > > > > >
                                  > > > > > a.
                                  > > > > >
                                  > > > > > --- In ydn-javascript@yahoogroups.com, "Satyen Desai" <sdesai@>
                                  > > wrote:
                                  > > > > > >
                                  > > > > > > Hi,
                                  > > > > > > Thanks for the detailed example page.
                                  > > > > > >
                                  > > > > > > Try using the following version of your page:
                                  > > > > > >
                                  > > > > > >
                                  > > > > >
                                  > > > >
                                  > > >
                                  > >
                                  >
                                  http://yuiblog.com/sandbox/yui/v250/examples/container/panelOverIframe.html
                                  > > > > > >
                                  > > > > > > (Your swf isn't hosted at the above location, so you'll
                                  need to
                                  > > > > > download it and try it out locally)
                                  > > > > > >
                                  > > > > > > The main change is to applying overflow:auto to the
                                  > > flashWrapperDiv.
                                  > > > > > >
                                  > > > > > > Some notes:
                                  > > > > > >
                                  > > > > > > * I found that I had to apply overflow:auto dynamically
                                  through
                                  > > > > > > script as opposed to using static CSS - probably a "redraw"
                                  > issue.
                                  > > > > > >
                                  > > > > > > * We apply overflow:auto to the Panel shadow, for FF/Mac
                                  > > already to
                                  > > > > > > deal with scrollbar bleed through issues, so the fix was only
                                  > > > > > > required for FF/Win.
                                  > > > > > >
                                  > > > > > > The other minor changes are just to get the height set
                                  > correctly.
                                  > > > > > >
                                  > > > > > > Tried it across FF2, FF3 on WinXP/MacOS and seems to work
                                  fine,
                                  > > > > > aside from the fact that the swf is not re-drawn when
                                  dragging in
                                  > > > > > FF2/MacOS for step 1 of your repro example (which can
                                  probably be
                                  > > > > > resolved also, if it's a real part of your application)
                                  > > > > > >
                                  > > > > > > Let me know how it goes.
                                  > > > > > >
                                  > > > > > > Regards,
                                  > > > > > > Satyen
                                  > > > > > >
                                  > > > > > > ________________________________________
                                  > > > > > > From: ydn-javascript@yahoogroups.com
                                  > > > > > [mailto:ydn-javascript@yahoogroups.com] On Behalf Of aniad
                                  > > > > > > Sent: Thursday, October 02, 2008 9:45 AM
                                  > > > > > > To: ydn-javascript@yahoogroups.com
                                  > > > > > > Subject: [ydn-javascript] Re: Problem with flex (.swf)
                                  inside a
                                  > > > > > panel in Firefox
                                  > > > > > >
                                  > > > > > > Here is a link to a zip file which has a simple .html and a
                                  > simple
                                  > > > > > > .swf file which demonstrate the problem (I have also included
                                  > > > the code
                                  > > > > > > for the .swf file in case you need it).
                                  > > > > > >
                                  > > > > > >
                                  > https://download.amberpoint.com/forYahoo/SwfOverIframe_Problem.zip
                                  > > > > > > Username: Yahoo
                                  > > > > > > Password: bug4yahoo
                                  > > > > > >
                                  > > > > > > As you will see in the text in the .html, the problem is
                                  > very much
                                  > > > > > > linked to the order in which items are created. However,
                                  we have
                                  > > > > > > certain dependencies between the .swf and other items on the
                                  > page
                                  > > > > > > therefore need to create the panel w/.swf first.
                                  > > > > > >
                                  > > > > > > Ania.
                                  > > > > > >
                                  > > > > > > --- In ydn-javascript@yahoogroups.com, "aniad" <aniad@> wrote:
                                  > > > > > > >
                                  > > > > > > > Eric,
                                  > > > > > > >
                                  > > > > > > > Changing the wmode helped a little. The mouse tracks
                                  correctly
                                  > > > when
                                  > > > > > > > the panel is dragged around over most of the screen areas,
                                  > > > > however it
                                  > > > > > > > still is unresponsive when the panel is over an iframe.
                                  > I'll put
                                  > > > > > > > together simple example of this problem.
                                  > > > > > > > Ania.
                                  > > > > > > >
                                  > > > > > > > btw, did you have a chance to look at
                                  > > > > > > >
                                  > > http://tech.groups.yahoo.com/group/ydn-javascript/message/38440? I
                                  > > > > > > > posted simple nested layout code which demonstrates the
                                  > 'invalid
                                  > > > > > > > argument' error.
                                  > > > > > > > a.
                                  > > > > > > >
                                  > > > > > > > --- In ydn-javascript@yahoogroups.com, Eric Miraglia
                                  > <miraglia@>
                                  > > > > > wrote:
                                  > > > > > > > >
                                  > > > > > > > > Ania,
                                  > > > > > > > >
                                  > > > > > > > > Here's what our Flash experts say:
                                  > > > > > > > >
                                  > > > > > > > > My suggestion would be to check the wmode of their SWF
                                  > embed.
                                  > > > > This
                                  > > > > > > > > sounds like a longstanding issue with the plugin version
                                  > > of the
                                  > > > > > > player
                                  > > > > > > > > when the wmode is set to transparent or opaque.
                                  Changing the
                                  > > > wmode
                                  > > > > > > to
                                  > > > > > > > > window should fix it. If that is not the case, they'll
                                  > need to
                                  > > > > > > send a
                                  > > > > > > > > link or their code and I can take a look.
                                  > > > > > > > >
                                  > > > > > > > > See if wmode solves your problem; if not, please send
                                  a link
                                  > > > > to the
                                  > > > > > > > > page where you're having the problem.
                                  > > > > > > > >
                                  > > > > > > > > Regards,
                                  > > > > > > > > Eric
                                  > > > > > > > >
                                  > > > > > > > >
                                  > > > > > > > > On Sep 30, 2008, at 3:45 PM, aniad wrote:
                                  > > > > > > > >
                                  > > > > > > > > > We have a nested full screen layout. In the `bottom'
                                  part
                                  > > > of the
                                  > > > > > > > > > inner layout (which is in the `center' of the outer
                                  > > layout) we
                                  > > > > > > have a
                                  > > > > > > > > > tabs control. Each tab creates an iframe into which a
                                  > > page is
                                  > > > > > > > > > displayed, depending on what is selected elsewhere in
                                  > > the UI.
                                  > > > > > > > > >
                                  > > > > > > > > > When the user clicks a button a panel is made visible
                                  > which
                                  > > > > has a
                                  > > > > > > > > > <div> inside which a .swf file is rendered. The swf
                                  has a
                                  > > > > > number of
                                  > > > > > > > > > controls, buttons and drop boxes with which the user
                                  > > > interacts.
                                  > > > > > > > > >
                                  > > > > > > > > > The problem (FF only, works correctly in IE):
                                  > > > > > > > > > When the panel with .swf is visible the mouse is not
                                  > tracked
                                  > > > > > > properly
                                  > > > > > > > > > within the swf. The portions of the panel/swf that
                                  > > overlay the
                                  > > > > > > iframe
                                  > > > > > > > > > displayed in the bottom/tabs portion do not track the
                                  > mouse
                                  > > > > > > properly,
                                  > > > > > > > > > thus appearing unresponsive. Right clicking in the .swf
                                  > > > > shows the
                                  > > > > > > > > > standard flex context menu way off from where the
                                  > mouse was
                                  > > > > > clicked.
                                  > > > > > > > > > Dragging the panel around the screen exaggerates the
                                  > > > problem of
                                  > > > > > > > > > tracking the mouse, even allowing the flex context
                                  menu to
                                  > > > > appear
                                  > > > > > > > > > entirely outside of the panel/swf area. The problem
                                  > does not
                                  > > > > > seem to
                                  > > > > > > > > > be contained to the panel being over an iframe.
                                  > Dragging the
                                  > > > > > > panel so
                                  > > > > > > > > > that it sits on top of other parts of the layout (with
                                  > > simple
                                  > > > > > html)
                                  > > > > > > > > > also has issues. There is another flex control always
                                  > > > > displayed in
                                  > > > > > > > > > one of the parts of the layout. Dragging the panel
                                  to that
                                  > > > > part of
                                  > > > > > > > > > the screen always tracks the mouse correctly within the
                                  > > > > panel that
                                  > > > > > > > > > sits directly on top of that other flex widget.
                                  > > > > > > > > >
                                  > > > > > > > > > Are there any known problems of hosting a .swf inside a
                                  > > panel
                                  > > > > > in FF?
                                  > > > > > > > > > As mentioned before, this does not happen in IE.
                                  > > > > > > > > >
                                  > > > > > > > > > Ania.
                                  > > > > > > > > >
                                  > > > > > > > > >
                                  > > > > > > > > >
                                  > > > > > > > >
                                  > > > > > > >
                                  > > > > > >
                                  > > > > >
                                  > > > >
                                  > > >
                                  > >
                                  >
                                • aniad
                                  I ve been digging into this myself and came across this discussion: http://snook.ca/archives/other/hit_bug_in_fire/ I m almost there! If you create the outside
                                  Message 16 of 17 , Oct 14, 2008
                                  • 0 Attachment
                                    I've been digging into this myself and came across this discussion:
                                    http://snook.ca/archives/other/hit_bug_in_fire/

                                    I'm almost there! If you create the outside <div> like this
                                    var panelBody = '<div id="flexWrapperDiv"
                                    style="position:fixed;overflow:auto;width:1000px;">Please wait...</div>';

                                    then it almost works. So the createPanel() function looks like this:

                                    function createPanel()
                                    {
                                    var panelBody = '<div id="flexWrapperDiv"
                                    style="position:fixed;overflow:auto;width:990px;">Please wait...</div>';

                                    gToolPanel = new YAHOO.widget.Panel( "thePanel", { close:
                                    false, width: "1000px", visible:true });
                                    gToolPanel.setHeader('The Panel');
                                    gToolPanel.setBody ( panelBody );
                                    gToolPanel.renderEvent.subscribe( onPanelReady);
                                    gToolPanel.render(document.body);
                                    gToolPanel.center();
                                    }

                                    It works, meaning the swf's controls are responsive (!!!), however,
                                    the panel and the swf don't paint in sync, meaning the panel is small,
                                    and the flex spills outside panel's borders.

                                    I will TREMENDOUSLY appreciate if you try this and see if there is a
                                    way to fix up the panel so that it draws its borders outside the swf,
                                    if that can be accomplished then we'll have this licked!

                                    I'll wait for your response,
                                    Ania.


                                    --- In ydn-javascript@yahoogroups.com, "aniad" <aniad@...> wrote:
                                    >
                                    > Hi,
                                    >
                                    > The .swf is a fairly complicated widget and splitting it is not a
                                    > simple, or perhaps even viable solution for us.
                                    >
                                    > I also tried the shim idea over the iframe with the same bad results.
                                    > I also tried setting up the panel with an iframe. So the panel has a
                                    > div, which has an iframe. The iframe references an html which in turn
                                    > loads the .swf. This resulted in even more bizarre behavior, where
                                    > dragging the panel over the iframe or any other part of the layout
                                    > would "wipe out" the display of the .swf, meaning the .swf's parts
                                    > over those areas would cease to render all together.
                                    >
                                    > Of course the issue at heart is that not only does the .swf reload
                                    > after the `overflow' style of the panel's div is changed, but if the
                                    > .swf subsequently creates new controls (buttons, pulldowns, etc) these
                                    > will not work again, thus rendering the "overflow fix" somewhat mute
                                    > as subsequently setting the panel's `overflow' style again is a NOP,
                                    > and even if it weren't it would cause a reload again.
                                    >
                                    > I understand you are busy, but I will TREMENDOUSLY appreciate if you
                                    > keep looking into this as we would REALLY like to find a solution
                                    > which would allow us to use panels with flex over iframes.
                                    >
                                    > Thank you, and with your permission I might `poke' you again next week…
                                    > Ania.
                                    >
                                    > --- In ydn-javascript@yahoogroups.com, "Satyen Desai" <sdesai@> wrote:
                                    > >
                                    > > Hi,
                                    > >
                                    > > I did take another look at it and attempted a DIV shim based
                                    > solution to cover the iframe, as an alternate approach, but that did
                                    > not help.
                                    > >
                                    > > On the swf side of things, I was wondering if you might want to
                                    > evaluate a solution which split the state from the UI, so you can
                                    > store the state in another swf (which has no UI and doesn't need to be
                                    > reloaded), or in JS.
                                    > >
                                    > > That would free you up to reload the swf which renders the UI,
                                    > whenever you need to work around the FF/iframe overlap issue and
                                    > restore it's state from JS/the other swf. NOTE: My swf knowledge is
                                    > fairly limited, so not sure how big/small a task this is. I believe
                                    > this is something we do for the Charts component to resolve the reload
                                    > issue.
                                    > >
                                    > > Will continue to dig, but am a little short on time this week.
                                    > >
                                    > > - Satyen
                                    > > ________________________________________
                                    > > From: ydn-javascript@yahoogroups.com
                                    > [mailto:ydn-javascript@yahoogroups.com] On Behalf Of aniad
                                    > > Sent: Monday, October 13, 2008 10:12 AM
                                    > > To: ydn-javascript@yahoogroups.com
                                    > > Subject: [ydn-javascript] Re: Problem with flex (.swf) inside a
                                    > panel in Firefox
                                    > >
                                    > > Hi,
                                    > >
                                    > > I don't mean to push on this, but I'm kind of stuck on this... Did you
                                    > > have a chance to look at this?
                                    > >
                                    > > Thank you,
                                    > > Ania.
                                    > >
                                    > > --- In ydn-javascript@yahoogroups.com, "Satyen Desai" <sdesai@> wrote:
                                    > > >
                                    > > > Hi,
                                    > > >
                                    > > > Been away from a computer for a few days. Will follow up on this
                                    > > > thread once I've had a chance to replicate your test.
                                    > > >
                                    > > > Regards,
                                    > > > Satyen
                                    > > >
                                    > > > --- In ydn-javascript@yahoogroups.com, "aniad" <aniad@> wrote:
                                    > > > >
                                    > > > > Satyen,
                                    > > > >
                                    > > > > Here are some additional observations: when I bring up the panel
                                    > > > > w/.swf, change the div's style which will cause the .swf to
                                    > reload so
                                    > > > > in my test case I reinitialize the flex again, at the end of all
                                    > that
                                    > > > > I get a working dialog/panel with swf. Then I close the panel
                                    > (ie put
                                    > > > > if off screen). Some subsequent user interaction changes the
                                    > state of
                                    > > > > things and the panel is made visible again, but because the
                                    state of
                                    > > > > things has changed the .swf will display a different version of
                                    > > > > buttons and controls. Unfortunately, those new
                                    buttons/controls are
                                    > > > > again unresponsive. Setting div's style again acts like a nop at
                                    > this
                                    > > > > point because the style has already been set, I suppose.
                                    > > > >
                                    > > > > ANY help/ideas to accomplish being able to put swf in a panel,
                                    > keep it
                                    > > > > active by hiding it off screen and have responsive
                                    buttons/controls
                                    > > > > over an iframe will be extremely appreciated.
                                    > > > >
                                    > > > > Ania.
                                    > > > >
                                    > > > > --- In ydn-javascript@yahoogroups.com, "aniad" <aniad@> wrote:
                                    > > > > >
                                    > > > > > Yes, this is in your modified file. So, if you seperate the
                                    > > showing of
                                    > > > > > the panel from setting the overflow attrib of the panel into 2
                                    > > > > > functions like this:
                                    > > > > >
                                    > > > > > function showPanel()
                                    > > > > > {
                                    > > > > > gToolPanel.cfg.setProperty ("fixedcenter", true );
                                    > > > > > gToolPanel.center();
                                    > > > > > }
                                    > > > > >
                                    > > > > > function fixOverflow()
                                    > > > > > {
                                    > > > > > if (YAHOO.env.ua.gecko &&
                                    > > > > > navigator.userAgent.toLowerCase().indexOf("macintosh") == -1)
                                    > > > > > {
                                    > > > > > // On the mac, Panel already applies it's own set of
                                    > > > > > overflow management to Panel,
                                    > > > > > // to prevent scrollbar bleedthrough.
                                    > > > > > YAHOO.util.Dom.setStyle("flexWrapperDiv", "overflow",
                                    > > > > "auto");
                                    > > > > > }
                                    > > > > > }
                                    > > > > >
                                    > > > > > And then add a 5th button:
                                    > > > > > <button onclick="fixOverflow();">5): click to fix
                                    > > > > > overflow, see flex repaint</button>
                                    > > > > >
                                    > > > > > and then do button 1, button 2, button 3 and finally button 5,
                                    > > you'll
                                    > > > > > see the flex totally repaint/reload.
                                    > > > > >
                                    > > > > > The reload messes us up, as the first, originally instantiated
                                    > > version
                                    > > > > > of flex has a state already set. Basically the .swf in panel
                                    > > talks to
                                    > > > > > other parts of the UI, which depend on that .swf but in turn the
                                    > > .swf
                                    > > > > > gets a 'state' from those other parts. So, when it reloads
                                    all is
                                    > > > > lost...
                                    > > > > >
                                    > > > > > Thank you again for looking into this. I've been working on this
                                    > > > > > problem for quite a while now and truly appreciate your help!
                                    > > > > >
                                    > > > > > Ania.
                                    > > > > >
                                    > > > > >
                                    > > > > >
                                    > > > > > --- In ydn-javascript@yahoogroups.com, "Satyen Desai" <sdesai@>
                                    > > wrote:
                                    > > > > > >
                                    > > > > > > >> first .setStyle does it. Can you think of any other work
                                    > around
                                    > > > > which
                                    > > > > > > would not involve a reload of the flex?
                                    > > > > > >
                                    > > > > > > Is this with the updated file I provided below or with your
                                    > > original
                                    > > > > > zip? Also any specific version of FF/OS?
                                    > > > > > >
                                    > > > > > > >> p.s. What I also noted, is that when the panel is hidden
                                    > and I
                                    > > > > bring
                                    > > > > > > up Firebug (f12) the panel "spontaneously" becomes visible...
                                    > > > any idea
                                    > > > > > > about that?
                                    > > > > > >
                                    > > > > > > I believe this may be because in your original code you had
                                    > > > > > "fixedcenter" set to true, which will attempt to center the
                                    Panel
                                    > > > > > whenever the window is resized. In my modified version, I just
                                    > > changed
                                    > > > > > this to invoke panel.center() when it's shown.
                                    > > > > > >
                                    > > > > > > Regards,
                                    > > > > > > Satyen
                                    > > > > > > ________________________________________
                                    > > > > > > From: ydn-javascript@yahoogroups.com
                                    > > > > > [mailto:ydn-javascript@yahoogroups.com] On Behalf Of aniad
                                    > > > > > > Sent: Thursday, October 02, 2008 3:58 PM
                                    > > > > > > To: ydn-javascript@yahoogroups.com
                                    > > > > > > Subject: [ydn-javascript] Re: Problem with flex (.swf)
                                    inside a
                                    > > > > > panel in Firefox
                                    > > > > > >
                                    > > > > > > Hi Satyen,
                                    > > > > > >
                                    > > > > > > Thank you so much for your reply.
                                    > > > > > >
                                    > > > > > > I'm still working on this... turns out that setting the style
                                    > > on the
                                    > > > > > > div causes a RELOAD of the flex widget, which is something we
                                    > > > are very
                                    > > > > > > much trying to avoid. In addition, after it reloads the flex's
                                    > > > > > > external interfaces seem unresponsive... You can see that
                                    reload
                                    > > > when
                                    > > > > > > you create the panel, then the layout (which hides the
                                    > panel) then
                                    > > > > > > show the panel which will come back blank then paints the
                                    > > .swf. What
                                    > > > > > > I don't quite understand is that from there on it seems fine.
                                    > > > Meaning
                                    > > > > > > that subsequent hide/show don't cause the reload, it is as if
                                    > > > only the
                                    > > > > > > first .setStyle does it. Can you think of any other work
                                    around
                                    > > > which
                                    > > > > > > would not involve a reload of the flex?
                                    > > > > > >
                                    > > > > > > Ania.
                                    > > > > > >
                                    > > > > > > p.s. What I also noted, is that when the panel is hidden and I
                                    > > bring
                                    > > > > > > up Firebug (f12) the panel "spontaneously" becomes visible...
                                    > > > any idea
                                    > > > > > > about that?
                                    > > > > > >
                                    > > > > > > a.
                                    > > > > > >
                                    > > > > > > --- In ydn-javascript@yahoogroups.com, "Satyen Desai"
                                    <sdesai@>
                                    > > > wrote:
                                    > > > > > > >
                                    > > > > > > > Hi,
                                    > > > > > > > Thanks for the detailed example page.
                                    > > > > > > >
                                    > > > > > > > Try using the following version of your page:
                                    > > > > > > >
                                    > > > > > > >
                                    > > > > > >
                                    > > > > >
                                    > > > >
                                    > > >
                                    > >
                                    >
                                    http://yuiblog.com/sandbox/yui/v250/examples/container/panelOverIframe.html
                                    > > > > > > >
                                    > > > > > > > (Your swf isn't hosted at the above location, so you'll
                                    > need to
                                    > > > > > > download it and try it out locally)
                                    > > > > > > >
                                    > > > > > > > The main change is to applying overflow:auto to the
                                    > > > flashWrapperDiv.
                                    > > > > > > >
                                    > > > > > > > Some notes:
                                    > > > > > > >
                                    > > > > > > > * I found that I had to apply overflow:auto dynamically
                                    > through
                                    > > > > > > > script as opposed to using static CSS - probably a "redraw"
                                    > > issue.
                                    > > > > > > >
                                    > > > > > > > * We apply overflow:auto to the Panel shadow, for FF/Mac
                                    > > > already to
                                    > > > > > > > deal with scrollbar bleed through issues, so the fix was
                                    only
                                    > > > > > > > required for FF/Win.
                                    > > > > > > >
                                    > > > > > > > The other minor changes are just to get the height set
                                    > > correctly.
                                    > > > > > > >
                                    > > > > > > > Tried it across FF2, FF3 on WinXP/MacOS and seems to work
                                    > fine,
                                    > > > > > > aside from the fact that the swf is not re-drawn when
                                    > dragging in
                                    > > > > > > FF2/MacOS for step 1 of your repro example (which can
                                    > probably be
                                    > > > > > > resolved also, if it's a real part of your application)
                                    > > > > > > >
                                    > > > > > > > Let me know how it goes.
                                    > > > > > > >
                                    > > > > > > > Regards,
                                    > > > > > > > Satyen
                                    > > > > > > >
                                    > > > > > > > ________________________________________
                                    > > > > > > > From: ydn-javascript@yahoogroups.com
                                    > > > > > > [mailto:ydn-javascript@yahoogroups.com] On Behalf Of aniad
                                    > > > > > > > Sent: Thursday, October 02, 2008 9:45 AM
                                    > > > > > > > To: ydn-javascript@yahoogroups.com
                                    > > > > > > > Subject: [ydn-javascript] Re: Problem with flex (.swf)
                                    > inside a
                                    > > > > > > panel in Firefox
                                    > > > > > > >
                                    > > > > > > > Here is a link to a zip file which has a simple .html and a
                                    > > simple
                                    > > > > > > > .swf file which demonstrate the problem (I have also
                                    included
                                    > > > > the code
                                    > > > > > > > for the .swf file in case you need it).
                                    > > > > > > >
                                    > > > > > > >
                                    > > https://download.amberpoint.com/forYahoo/SwfOverIframe_Problem.zip
                                    > > > > > > > Username: Yahoo
                                    > > > > > > > Password: bug4yahoo
                                    > > > > > > >
                                    > > > > > > > As you will see in the text in the .html, the problem is
                                    > > very much
                                    > > > > > > > linked to the order in which items are created. However,
                                    > we have
                                    > > > > > > > certain dependencies between the .swf and other items on the
                                    > > page
                                    > > > > > > > therefore need to create the panel w/.swf first.
                                    > > > > > > >
                                    > > > > > > > Ania.
                                    > > > > > > >
                                    > > > > > > > --- In ydn-javascript@yahoogroups.com, "aniad" <aniad@>
                                    wrote:
                                    > > > > > > > >
                                    > > > > > > > > Eric,
                                    > > > > > > > >
                                    > > > > > > > > Changing the wmode helped a little. The mouse tracks
                                    > correctly
                                    > > > > when
                                    > > > > > > > > the panel is dragged around over most of the screen areas,
                                    > > > > > however it
                                    > > > > > > > > still is unresponsive when the panel is over an iframe.
                                    > > I'll put
                                    > > > > > > > > together simple example of this problem.
                                    > > > > > > > > Ania.
                                    > > > > > > > >
                                    > > > > > > > > btw, did you have a chance to look at
                                    > > > > > > > >
                                    > > > http://tech.groups.yahoo.com/group/ydn-javascript/message/38440? I
                                    > > > > > > > > posted simple nested layout code which demonstrates the
                                    > > 'invalid
                                    > > > > > > > > argument' error.
                                    > > > > > > > > a.
                                    > > > > > > > >
                                    > > > > > > > > --- In ydn-javascript@yahoogroups.com, Eric Miraglia
                                    > > <miraglia@>
                                    > > > > > > wrote:
                                    > > > > > > > > >
                                    > > > > > > > > > Ania,
                                    > > > > > > > > >
                                    > > > > > > > > > Here's what our Flash experts say:
                                    > > > > > > > > >
                                    > > > > > > > > > My suggestion would be to check the wmode of their SWF
                                    > > embed.
                                    > > > > > This
                                    > > > > > > > > > sounds like a longstanding issue with the plugin version
                                    > > > of the
                                    > > > > > > > player
                                    > > > > > > > > > when the wmode is set to transparent or opaque.
                                    > Changing the
                                    > > > > wmode
                                    > > > > > > > to
                                    > > > > > > > > > window should fix it. If that is not the case, they'll
                                    > > need to
                                    > > > > > > > send a
                                    > > > > > > > > > link or their code and I can take a look.
                                    > > > > > > > > >
                                    > > > > > > > > > See if wmode solves your problem; if not, please send
                                    > a link
                                    > > > > > to the
                                    > > > > > > > > > page where you're having the problem.
                                    > > > > > > > > >
                                    > > > > > > > > > Regards,
                                    > > > > > > > > > Eric
                                    > > > > > > > > >
                                    > > > > > > > > >
                                    > > > > > > > > > On Sep 30, 2008, at 3:45 PM, aniad wrote:
                                    > > > > > > > > >
                                    > > > > > > > > > > We have a nested full screen layout. In the `bottom'
                                    > part
                                    > > > > of the
                                    > > > > > > > > > > inner layout (which is in the `center' of the outer
                                    > > > layout) we
                                    > > > > > > > have a
                                    > > > > > > > > > > tabs control. Each tab creates an iframe into which a
                                    > > > page is
                                    > > > > > > > > > > displayed, depending on what is selected elsewhere in
                                    > > > the UI.
                                    > > > > > > > > > >
                                    > > > > > > > > > > When the user clicks a button a panel is made visible
                                    > > which
                                    > > > > > has a
                                    > > > > > > > > > > <div> inside which a .swf file is rendered. The swf
                                    > has a
                                    > > > > > > number of
                                    > > > > > > > > > > controls, buttons and drop boxes with which the user
                                    > > > > interacts.
                                    > > > > > > > > > >
                                    > > > > > > > > > > The problem (FF only, works correctly in IE):
                                    > > > > > > > > > > When the panel with .swf is visible the mouse is not
                                    > > tracked
                                    > > > > > > > properly
                                    > > > > > > > > > > within the swf. The portions of the panel/swf that
                                    > > > overlay the
                                    > > > > > > > iframe
                                    > > > > > > > > > > displayed in the bottom/tabs portion do not track the
                                    > > mouse
                                    > > > > > > > properly,
                                    > > > > > > > > > > thus appearing unresponsive. Right clicking in the
                                    .swf
                                    > > > > > shows the
                                    > > > > > > > > > > standard flex context menu way off from where the
                                    > > mouse was
                                    > > > > > > clicked.
                                    > > > > > > > > > > Dragging the panel around the screen exaggerates the
                                    > > > > problem of
                                    > > > > > > > > > > tracking the mouse, even allowing the flex context
                                    > menu to
                                    > > > > > appear
                                    > > > > > > > > > > entirely outside of the panel/swf area. The problem
                                    > > does not
                                    > > > > > > seem to
                                    > > > > > > > > > > be contained to the panel being over an iframe.
                                    > > Dragging the
                                    > > > > > > > panel so
                                    > > > > > > > > > > that it sits on top of other parts of the layout (with
                                    > > > simple
                                    > > > > > > html)
                                    > > > > > > > > > > also has issues. There is another flex control always
                                    > > > > > displayed in
                                    > > > > > > > > > > one of the parts of the layout. Dragging the panel
                                    > to that
                                    > > > > > part of
                                    > > > > > > > > > > the screen always tracks the mouse correctly
                                    within the
                                    > > > > > panel that
                                    > > > > > > > > > > sits directly on top of that other flex widget.
                                    > > > > > > > > > >
                                    > > > > > > > > > > Are there any known problems of hosting a .swf
                                    inside a
                                    > > > panel
                                    > > > > > > in FF?
                                    > > > > > > > > > > As mentioned before, this does not happen in IE.
                                    > > > > > > > > > >
                                    > > > > > > > > > > Ania.
                                    > > > > > > > > > >
                                    > > > > > > > > > >
                                    > > > > > > > > > >
                                    > > > > > > > > >
                                    > > > > > > > >
                                    > > > > > > >
                                    > > > > > >
                                    > > > > >
                                    > > > >
                                    > > >
                                    > >
                                    >
                                  • Satyen Desai
                                    Hi, Not sure if you ve gotten to the bottom of this. Setting position:fixed means that the element will be positioned relative to the viewport, so you probably
                                    Message 17 of 17 , Oct 22, 2008
                                    • 0 Attachment
                                      Hi,
                                      Not sure if you've gotten to the bottom of this. Setting position:fixed means that the element will be positioned relative to the viewport, so you probably won't have the desired behavior when the document is scrolled.

                                      As far as I know, the only way to get the container to "appear" to wrap the fixed position element (which behaves like an absolutely positioned element, as far wrapping elements/subsequent content go), would be to give it a height, which covered the fixed position element.

                                      Regards,
                                      Satyen

                                      ________________________________________
                                      From: ydn-javascript@yahoogroups.com [mailto:ydn-javascript@yahoogroups.com] On Behalf Of aniad
                                      Sent: Tuesday, October 14, 2008 1:04 PM
                                      To: ydn-javascript@yahoogroups.com
                                      Subject: [ydn-javascript] Re: Problem with flex (.swf) inside a panel in Firefox

                                      I've been digging into this myself and came across this discussion:
                                      http://snook.ca/archives/other/hit_bug_in_fire/

                                      I'm almost there! If you create the outside <div> like this
                                      var panelBody = '<div id="flexWrapperDiv"
                                      style="position:fixed;overflow:auto;width:1000px;">Please wait...</div>';

                                      then it almost works. So the createPanel() function looks like this:

                                      function createPanel()
                                      {
                                      var panelBody = '<div id="flexWrapperDiv"
                                      style="position:fixed;overflow:auto;width:990px;">Please wait...</div>';

                                      gToolPanel = new YAHOO.widget.Panel( "thePanel", { close:
                                      false, width: "1000px", visible:true });
                                      gToolPanel.setHeader('The Panel');
                                      gToolPanel.setBody ( panelBody );
                                      gToolPanel.renderEvent.subscribe( onPanelReady);
                                      gToolPanel.render(document.body);
                                      gToolPanel.center();
                                      }

                                      It works, meaning the swf's controls are responsive (!!!), however,
                                      the panel and the swf don't paint in sync, meaning the panel is small,
                                      and the flex spills outside panel's borders.

                                      I will TREMENDOUSLY appreciate if you try this and see if there is a
                                      way to fix up the panel so that it draws its borders outside the swf,
                                      if that can be accomplished then we'll have this licked!

                                      I'll wait for your response,
                                      Ania.

                                      --- In ydn-javascript@yahoogroups.com, "aniad" <aniad@...> wrote:
                                      >
                                      > Hi,
                                      >
                                      > The .swf is a fairly complicated widget and splitting it is not a
                                      > simple, or perhaps even viable solution for us.
                                      >
                                      > I also tried the shim idea over the iframe with the same bad results.
                                      > I also tried setting up the panel with an iframe. So the panel has a
                                      > div, which has an iframe. The iframe references an html which in turn
                                      > loads the .swf. This resulted in even more bizarre behavior, where
                                      > dragging the panel over the iframe or any other part of the layout
                                      > would "wipe out" the display of the .swf, meaning the .swf's parts
                                      > over those areas would cease to render all together.
                                      >
                                      > Of course the issue at heart is that not only does the .swf reload
                                      > after the `overflow' style of the panel's div is changed, but if the
                                      > .swf subsequently creates new controls (buttons, pulldowns, etc) these
                                      > will not work again, thus rendering the "overflow fix" somewhat mute
                                      > as subsequently setting the panel's `overflow' style again is a NOP,
                                      > and even if it weren't it would cause a reload again.
                                      >
                                      > I understand you are busy, but I will TREMENDOUSLY appreciate if you
                                      > keep looking into this as we would REALLY like to find a solution
                                      > which would allow us to use panels with flex over iframes.
                                      >
                                      > Thank you, and with your permission I might `poke' you again next week...
                                      > Ania.
                                      >
                                      > --- In ydn-javascript@yahoogroups.com, "Satyen Desai" <sdesai@> wrote:
                                      > >
                                      > > Hi,
                                      > >
                                      > > I did take another look at it and attempted a DIV shim based
                                      > solution to cover the iframe, as an alternate approach, but that did
                                      > not help.
                                      > >
                                      > > On the swf side of things, I was wondering if you might want to
                                      > evaluate a solution which split the state from the UI, so you can
                                      > store the state in another swf (which has no UI and doesn't need to be
                                      > reloaded), or in JS.
                                      > >
                                      > > That would free you up to reload the swf which renders the UI,
                                      > whenever you need to work around the FF/iframe overlap issue and
                                      > restore it's state from JS/the other swf. NOTE: My swf knowledge is
                                      > fairly limited, so not sure how big/small a task this is. I believe
                                      > this is something we do for the Charts component to resolve the reload
                                      > issue.
                                      > >
                                      > > Will continue to dig, but am a little short on time this week.
                                      > >
                                      > > - Satyen
                                      > > ________________________________________
                                      > > From: ydn-javascript@yahoogroups.com
                                      > [mailto:ydn-javascript@yahoogroups.com] On Behalf Of aniad
                                      > > Sent: Monday, October 13, 2008 10:12 AM
                                      > > To: ydn-javascript@yahoogroups.com
                                      > > Subject: [ydn-javascript] Re: Problem with flex (.swf) inside a
                                      > panel in Firefox
                                      > >
                                      > > Hi,
                                      > >
                                      > > I don't mean to push on this, but I'm kind of stuck on this... Did you
                                      > > have a chance to look at this?
                                      > >
                                      > > Thank you,
                                      > > Ania.
                                      > >
                                      > > --- In ydn-javascript@yahoogroups.com, "Satyen Desai" <sdesai@> wrote:
                                      > > >
                                      > > > Hi,
                                      > > >
                                      > > > Been away from a computer for a few days. Will follow up on this
                                      > > > thread once I've had a chance to replicate your test.
                                      > > >
                                      > > > Regards,
                                      > > > Satyen
                                      > > >
                                      > > > --- In ydn-javascript@yahoogroups.com, "aniad" <aniad@> wrote:
                                      > > > >
                                      > > > > Satyen,
                                      > > > >
                                      > > > > Here are some additional observations: when I bring up the panel
                                      > > > > w/.swf, change the div's style which will cause the .swf to
                                      > reload so
                                      > > > > in my test case I reinitialize the flex again, at the end of all
                                      > that
                                      > > > > I get a working dialog/panel with swf. Then I close the panel
                                      > (ie put
                                      > > > > if off screen). Some subsequent user interaction changes the
                                      > state of
                                      > > > > things and the panel is made visible again, but because the
                                      state of
                                      > > > > things has changed the .swf will display a different version of
                                      > > > > buttons and controls. Unfortunately, those new
                                      buttons/controls are
                                      > > > > again unresponsive. Setting div's style again acts like a nop at
                                      > this
                                      > > > > point because the style has already been set, I suppose.
                                      > > > >
                                      > > > > ANY help/ideas to accomplish being able to put swf in a panel,
                                      > keep it
                                      > > > > active by hiding it off screen and have responsive
                                      buttons/controls
                                      > > > > over an iframe will be extremely appreciated.
                                      > > > >
                                      > > > > Ania.
                                      > > > >
                                      > > > > --- In ydn-javascript@yahoogroups.com, "aniad" <aniad@> wrote:
                                      > > > > >
                                      > > > > > Yes, this is in your modified file. So, if you seperate the
                                      > > showing of
                                      > > > > > the panel from setting the overflow attrib of the panel into 2
                                      > > > > > functions like this:
                                      > > > > >
                                      > > > > > function showPanel()
                                      > > > > > {
                                      > > > > > gToolPanel.cfg.setProperty ("fixedcenter", true );
                                      > > > > > gToolPanel.center();
                                      > > > > > }
                                      > > > > >
                                      > > > > > function fixOverflow()
                                      > > > > > {
                                      > > > > > if (YAHOO.env.ua.gecko &&
                                      > > > > > navigator.userAgent.toLowerCase().indexOf("macintosh") == -1)
                                      > > > > > {
                                      > > > > > // On the mac, Panel already applies it's own set of
                                      > > > > > overflow management to Panel,
                                      > > > > > // to prevent scrollbar bleedthrough.
                                      > > > > > YAHOO.util.Dom.setStyle("flexWrapperDiv", "overflow",
                                      > > > > "auto");
                                      > > > > > }
                                      > > > > > }
                                      > > > > >
                                      > > > > > And then add a 5th button:
                                      > > > > > <button onclick="fixOverflow();">5): click to fix
                                      > > > > > overflow, see flex repaint</button>
                                      > > > > >
                                      > > > > > and then do button 1, button 2, button 3 and finally button 5,
                                      > > you'll
                                      > > > > > see the flex totally repaint/reload.
                                      > > > > >
                                      > > > > > The reload messes us up, as the first, originally instantiated
                                      > > version
                                      > > > > > of flex has a state already set. Basically the .swf in panel
                                      > > talks to
                                      > > > > > other parts of the UI, which depend on that .swf but in turn the
                                      > > .swf
                                      > > > > > gets a 'state' from those other parts. So, when it reloads
                                      all is
                                      > > > > lost...
                                      > > > > >
                                      > > > > > Thank you again for looking into this. I've been working on this
                                      > > > > > problem for quite a while now and truly appreciate your help!
                                      > > > > >
                                      > > > > > Ania.
                                      > > > > >
                                      > > > > >
                                      > > > > >
                                      > > > > > --- In ydn-javascript@yahoogroups.com, "Satyen Desai" <sdesai@>
                                      > > wrote:
                                      > > > > > >
                                      > > > > > > >> first .setStyle does it. Can you think of any other work
                                      > around
                                      > > > > which
                                      > > > > > > would not involve a reload of the flex?
                                      > > > > > >
                                      > > > > > > Is this with the updated file I provided below or with your
                                      > > original
                                      > > > > > zip? Also any specific version of FF/OS?
                                      > > > > > >
                                      > > > > > > >> p.s. What I also noted, is that when the panel is hidden
                                      > and I
                                      > > > > bring
                                      > > > > > > up Firebug (f12) the panel "spontaneously" becomes visible...
                                      > > > any idea
                                      > > > > > > about that?
                                      > > > > > >
                                      > > > > > > I believe this may be because in your original code you had
                                      > > > > > "fixedcenter" set to true, which will attempt to center the
                                      Panel
                                      > > > > > whenever the window is resized. In my modified version, I just
                                      > > changed
                                      > > > > > this to invoke panel.center() when it's shown.
                                      > > > > > >
                                      > > > > > > Regards,
                                      > > > > > > Satyen
                                      > > > > > > ________________________________________
                                      > > > > > > From: ydn-javascript@yahoogroups.com
                                      > > > > > [mailto:ydn-javascript@yahoogroups.com] On Behalf Of aniad
                                      > > > > > > Sent: Thursday, October 02, 2008 3:58 PM
                                      > > > > > > To: ydn-javascript@yahoogroups.com
                                      > > > > > > Subject: [ydn-javascript] Re: Problem with flex (.swf)
                                      inside a
                                      > > > > > panel in Firefox
                                      > > > > > >
                                      > > > > > > Hi Satyen,
                                      > > > > > >
                                      > > > > > > Thank you so much for your reply.
                                      > > > > > >
                                      > > > > > > I'm still working on this... turns out that setting the style
                                      > > on the
                                      > > > > > > div causes a RELOAD of the flex widget, which is something we
                                      > > > are very
                                      > > > > > > much trying to avoid. In addition, after it reloads the flex's
                                      > > > > > > external interfaces seem unresponsive... You can see that
                                      reload
                                      > > > when
                                      > > > > > > you create the panel, then the layout (which hides the
                                      > panel) then
                                      > > > > > > show the panel which will come back blank then paints the
                                      > > .swf. What
                                      > > > > > > I don't quite understand is that from there on it seems fine.
                                      > > > Meaning
                                      > > > > > > that subsequent hide/show don't cause the reload, it is as if
                                      > > > only the
                                      > > > > > > first .setStyle does it. Can you think of any other work
                                      around
                                      > > > which
                                      > > > > > > would not involve a reload of the flex?
                                      > > > > > >
                                      > > > > > > Ania.
                                      > > > > > >
                                      > > > > > > p.s. What I also noted, is that when the panel is hidden and I
                                      > > bring
                                      > > > > > > up Firebug (f12) the panel "spontaneously" becomes visible...
                                      > > > any idea
                                      > > > > > > about that?
                                      > > > > > >
                                      > > > > > > a.
                                      > > > > > >
                                      > > > > > > --- In ydn-javascript@yahoogroups.com, "Satyen Desai"
                                      <sdesai@>
                                      > > > wrote:
                                      > > > > > > >
                                      > > > > > > > Hi,
                                      > > > > > > > Thanks for the detailed example page.
                                      > > > > > > >
                                      > > > > > > > Try using the following version of your page:
                                      > > > > > > >
                                      > > > > > > >
                                      > > > > > >
                                      > > > > >
                                      > > > >
                                      > > >
                                      > >
                                      >
                                      http://yuiblog.com/sandbox/yui/v250/examples/container/panelOverIframe.html
                                      > > > > > > >
                                      > > > > > > > (Your swf isn't hosted at the above location, so you'll
                                      > need to
                                      > > > > > > download it and try it out locally)
                                      > > > > > > >
                                      > > > > > > > The main change is to applying overflow:auto to the
                                      > > > flashWrapperDiv.
                                      > > > > > > >
                                      > > > > > > > Some notes:
                                      > > > > > > >
                                      > > > > > > > * I found that I had to apply overflow:auto dynamically
                                      > through
                                      > > > > > > > script as opposed to using static CSS - probably a "redraw"
                                      > > issue.
                                      > > > > > > >
                                      > > > > > > > * We apply overflow:auto to the Panel shadow, for FF/Mac
                                      > > > already to
                                      > > > > > > > deal with scrollbar bleed through issues, so the fix was
                                      only
                                      > > > > > > > required for FF/Win.
                                      > > > > > > >
                                      > > > > > > > The other minor changes are just to get the height set
                                      > > correctly.
                                      > > > > > > >
                                      > > > > > > > Tried it across FF2, FF3 on WinXP/MacOS and seems to work
                                      > fine,
                                      > > > > > > aside from the fact that the swf is not re-drawn when
                                      > dragging in
                                      > > > > > > FF2/MacOS for step 1 of your repro example (which can
                                      > probably be
                                      > > > > > > resolved also, if it's a real part of your application)
                                      > > > > > > >
                                      > > > > > > > Let me know how it goes.
                                      > > > > > > >
                                      > > > > > > > Regards,
                                      > > > > > > > Satyen
                                      > > > > > > >
                                      > > > > > > > ________________________________________
                                      > > > > > > > From: ydn-javascript@yahoogroups.com
                                      > > > > > > [mailto:ydn-javascript@yahoogroups.com] On Behalf Of aniad
                                      > > > > > > > Sent: Thursday, October 02, 2008 9:45 AM
                                      > > > > > > > To: ydn-javascript@yahoogroups.com
                                      > > > > > > > Subject: [ydn-javascript] Re: Problem with flex (.swf)
                                      > inside a
                                      > > > > > > panel in Firefox
                                      > > > > > > >
                                      > > > > > > > Here is a link to a zip file which has a simple .html and a
                                      > > simple
                                      > > > > > > > .swf file which demonstrate the problem (I have also
                                      included
                                      > > > > the code
                                      > > > > > > > for the .swf file in case you need it).
                                      > > > > > > >
                                      > > > > > > >
                                      > > https://download.amberpoint.com/forYahoo/SwfOverIframe_Problem.zip
                                      > > > > > > > Username: Yahoo
                                      > > > > > > > Password: bug4yahoo
                                      > > > > > > >
                                      > > > > > > > As you will see in the text in the .html, the problem is
                                      > > very much
                                      > > > > > > > linked to the order in which items are created. However,
                                      > we have
                                      > > > > > > > certain dependencies between the .swf and other items on the
                                      > > page
                                      > > > > > > > therefore need to create the panel w/.swf first.
                                      > > > > > > >
                                      > > > > > > > Ania.
                                      > > > > > > >
                                      > > > > > > > --- In ydn-javascript@yahoogroups.com, "aniad" <aniad@>
                                      wrote:
                                      > > > > > > > >
                                      > > > > > > > > Eric,
                                      > > > > > > > >
                                      > > > > > > > > Changing the wmode helped a little. The mouse tracks
                                      > correctly
                                      > > > > when
                                      > > > > > > > > the panel is dragged around over most of the screen areas,
                                      > > > > > however it
                                      > > > > > > > > still is unresponsive when the panel is over an iframe.
                                      > > I'll put
                                      > > > > > > > > together simple example of this problem.
                                      > > > > > > > > Ania.
                                      > > > > > > > >
                                      > > > > > > > > btw, did you have a chance to look at
                                      > > > > > > > >
                                      > > > http://tech.groups.yahoo.com/group/ydn-javascript/message/38440? I
                                      > > > > > > > > posted simple nested layout code which demonstrates the
                                      > > 'invalid
                                      > > > > > > > > argument' error.
                                      > > > > > > > > a.
                                      > > > > > > > >
                                      > > > > > > > > --- In ydn-javascript@yahoogroups.com, Eric Miraglia
                                      > > <miraglia@>
                                      > > > > > > wrote:
                                      > > > > > > > > >
                                      > > > > > > > > > Ania,
                                      > > > > > > > > >
                                      > > > > > > > > > Here's what our Flash experts say:
                                      > > > > > > > > >
                                      > > > > > > > > > My suggestion would be to check the wmode of their SWF
                                      > > embed.
                                      > > > > > This
                                      > > > > > > > > > sounds like a longstanding issue with the plugin version
                                      > > > of the
                                      > > > > > > > player
                                      > > > > > > > > > when the wmode is set to transparent or opaque.
                                      > Changing the
                                      > > > > wmode
                                      > > > > > > > to
                                      > > > > > > > > > window should fix it. If that is not the case, they'll
                                      > > need to
                                      > > > > > > > send a
                                      > > > > > > > > > link or their code and I can take a look.
                                      > > > > > > > > >
                                      > > > > > > > > > See if wmode solves your problem; if not, please send
                                      > a link
                                      > > > > > to the
                                      > > > > > > > > > page where you're having the problem.
                                      > > > > > > > > >
                                      > > > > > > > > > Regards,
                                      > > > > > > > > > Eric
                                      > > > > > > > > >
                                      > > > > > > > > >
                                      > > > > > > > > > On Sep 30, 2008, at 3:45 PM, aniad wrote:
                                      > > > > > > > > >
                                      > > > > > > > > > > We have a nested full screen layout. In the `bottom'
                                      > part
                                      > > > > of the
                                      > > > > > > > > > > inner layout (which is in the `center' of the outer
                                      > > > layout) we
                                      > > > > > > > have a
                                      > > > > > > > > > > tabs control. Each tab creates an iframe into which a
                                      > > > page is
                                      > > > > > > > > > > displayed, depending on what is selected elsewhere in
                                      > > > the UI.
                                      > > > > > > > > > >
                                      > > > > > > > > > > When the user clicks a button a panel is made visible
                                      > > which
                                      > > > > > has a
                                      > > > > > > > > > > <div> inside which a .swf file is rendered. The swf
                                      > has a
                                      > > > > > > number of
                                      > > > > > > > > > > controls, buttons and drop boxes with which the user
                                      > > > > interacts.
                                      > > > > > > > > > >
                                      > > > > > > > > > > The problem (FF only, works correctly in IE):
                                      > > > > > > > > > > When the panel with .swf is visible the mouse is not
                                      > > tracked
                                      > > > > > > > properly
                                      > > > > > > > > > > within the swf. The portions of the panel/swf that
                                      > > > overlay the
                                      > > > > > > > iframe
                                      > > > > > > > > > > displayed in the bottom/tabs portion do not track the
                                      > > mouse
                                      > > > > > > > properly,
                                      > > > > > > > > > > thus appearing unresponsive. Right clicking in the
                                      .swf
                                      > > > > > shows the
                                      > > > > > > > > > > standard flex context menu way off from where the
                                      > > mouse was
                                      > > > > > > clicked.
                                      > > > > > > > > > > Dragging the panel around the screen exaggerates the
                                      > > > > problem of
                                      > > > > > > > > > > tracking the mouse, even allowing the flex context
                                      > menu to
                                      > > > > > appear
                                      > > > > > > > > > > entirely outside of the panel/swf area. The problem
                                      > > does not
                                      > > > > > > seem to
                                      > > > > > > > > > > be contained to the panel being over an iframe.
                                      > > Dragging the
                                      > > > > > > > panel so
                                      > > > > > > > > > > that it sits on top of other parts of the layout (with
                                      > > > simple
                                      > > > > > > html)
                                      > > > > > > > > > > also has issues. There is another flex control always
                                      > > > > > displayed in
                                      > > > > > > > > > > one of the parts of the layout. Dragging the panel
                                      > to that
                                      > > > > > part of
                                      > > > > > > > > > > the screen always tracks the mouse correctly
                                      within the
                                      > > > > > panel that
                                      > > > > > > > > > > sits directly on top of that other flex widget.
                                      > > > > > > > > > >
                                      > > > > > > > > > > Are there any known problems of hosting a .swf
                                      inside a
                                      > > > panel
                                      > > > > > > in FF?
                                      > > > > > > > > > > As mentioned before, this does not happen in IE.
                                      > > > > > > > > > >
                                      > > > > > > > > > > Ania.
                                      > > > > > > > > > >
                                      > > > > > > > > > >
                                      > > > > > > > > > >
                                      > > > > > > > > >
                                      > > > > > > > >
                                      > > > > > > >
                                      > > > > > >
                                      > > > > >
                                      > > > >
                                      > > >
                                      > >
                                      >
                                    Your message has been successfully submitted and would be delivered to recipients shortly.