Search the web
Sign In
New User? Sign Up
ydn-javascript · Yahoo! User Interface Library Group
? Already a member? Sign in to Yahoo!

Yahoo! Groups Tips

Did you know...
Message search is now enhanced, find messages faster. Take it for a spin.

Best of Y! Groups

   Check them out and nominate your group.
Having problems with message search? Fill out this form to ensure your group is one of the first to be migrated to the new message search system.

Messages

  Messages Help
Advanced
Problem with flex (.swf) inside a panel in Firefox   Message List  
Reply | Forward Message #38864 of 52117 |
Re: Problem with flex (.swf) inside a panel in Firefox

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.
> > > > > > >
> > > > > > >
> > > > > > >
> > > > > >
> > > > >
> > > >
> > >
> >
>





Tue Oct 7, 2008 5:17 pm

sdezzi
Online Now Online Now
Send Email Send Email

Forward
Message #38864 of 52117 |
Expand Messages Author Sort by Date

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...
aniad
Offline Send Email
Sep 30, 2008
10:45 pm

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...
Eric Miraglia
ericmiraglia
Online Now Send Email
Oct 1, 2008
3:34 pm

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...
aniad
Offline Send Email
Oct 1, 2008
4:14 pm

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...
aniad
Offline Send Email
Oct 2, 2008
4:45 pm

Hi, Thanks for the detailed example page. Try using the following version of your page: ...
Satyen Desai
sdezzi
Online Now Send Email
Oct 2, 2008
8:23 pm

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...
aniad
Offline Send Email
Oct 2, 2008
10:58 pm

... 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? ... ...
Satyen Desai
sdezzi
Online Now Send Email
Oct 2, 2008
11:37 pm

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: ...
aniad
Offline Send Email
Oct 2, 2008
11:52 pm

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...
aniad
Offline Send Email
Oct 3, 2008
8:36 pm

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 ... ...
aniad
Offline Send Email
Oct 7, 2008
3:37 pm

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...
Satyen Desai
sdezzi
Online Now Send Email
Oct 7, 2008
5:17 pm

Hi, Thank you, I'll be waiting for your input. Ania. ... showing of ... you'll ... version ... talks to ... .swf ... original ... changed ... on the ... .swf....
aniad
Offline Send Email
Oct 8, 2008
7:46 pm

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 ... ...
aniad
Offline Send Email
Oct 13, 2008
5:12 pm

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...
Satyen Desai
sdezzi
Online Now Send Email
Oct 14, 2008
5:00 pm

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...
aniad
Offline Send Email
Oct 14, 2008
7:05 pm

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...
aniad
Offline Send Email
Oct 14, 2008
8:06 pm

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...
Satyen Desai
sdezzi
Online Now Send Email
Oct 23, 2008
6:52 am
Advanced

Copyright © 2009 Yahoo! Inc. All rights reserved.
Privacy Policy - Terms of Service - Guidelines - Help