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...
Show off your group to the world. Share a photo of your group with us.

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
Upgrade 2.5.2 to 2.7.0 - calendars in modal dialogs stopped working   Message List  
Reply | Forward Message #50393 of 52114 |
Re: [ydn-javascript] Re: Upgrade 2.5.2 to 2.7.0 - calendars in modal dialogs stopped working in IE6

Hi,
It was probably working in 2.5.2 with the Calendar rendered outside of
the Modal Dialog because the Calendar was rendered *after* the Modal
Dialog was displayed, but in general the idea of modality is that
anything which lies outside the Modal Dialog cannot be interacted
with, while that Dialog is modal. Hence moving it inside the Dialog
resolves the issue (the fact that your Calendar was interactive in
2.5.2 was effectively a 2.5.2 bug).

The rest of the issues you mention all seem to be related to the fact
that the Calendar DIV is statically or relatively positioned, as
opposed to absolutely positioned. So it's taking up space inside the
Dialog's body, as opposed "popping" above it (I'm assuming you want it
to be absolutely positioned based on the fact that you mention trying
to set z-index).

If you do still need to send across the page, please try and modify it
so that I can load it locally to test (relative paths changed to
absolute or removed to get a minimal test page).

Regards,
Satyen

p.s. I don't believe Calendar documentation states that the div needs
to come just before the closing BODY tag, but if you know where it
does, let me know. It's not a requirement.

On Jul 9, 2009, at 3:09 PM, peetnik3 wrote:

>
>
> Hi Satyen,
>
> Yes, the problem does go away if I set modality to false for the
> modal dialog.
>
> Also, it is true that I've been rendering the Calendar outside of
> the Dialog because my Calendar markup
> <div id="popupCalContainer"></div>
> is defined just before the page's closing </BODY> tag per what I
> thought your Calendar documentation said to do in YUI 2.5.2.
>
> I've now tried putting the Calendar markup inside the modal dialog's
> "bd" section and the Calendar works fine after that. However, there
> is then a visual issue in IE6/IE7/IE8(not in IE8 mode) - if the
> modal dialog is shorter in height than the calendar's height, when
> the Calendar renders next to the icon that launched it, the modal
> dialog suddenly grows in height (downward) so that the Calendar
> visually stays inside the modal dialog's visible border area. The
> newly increased area of the modal dialog is also completely
> transparent and shows whatever is on the main page underneath it.
> Again, with all this, I've been setting the Calendar's z-index to
> 999 so that it is on top of all other things.
>
> I will send you the "View Source" separately offline.
>
> Thanks much,
>
> Andrew
>
> --- In ydn-javascript@yahoogroups.com, Satyen Desai <sdesai@...>
> wrote:
> >
> > Hi,
> >
> > Does the problem go away if you disable modality?
> >
> > If so, then the problem maybe that you're rendering the Calendar
> > outside of the Dialog (does the markup for the Calendar exist inside
> > or outside the Dialog). Try rendering the Calendar somewhere inside
> > the Dialog (say to one of the sections) to see if that helps.
> >
> > If you're already rendering the Calendar inside the Dialog, the
> other
> > related change in 2.6.0, was that position:relative which was
> applied
> > to the hd/bd/ft sections in IE6/IE7 in 2.5.2, was removed, but I
> don't
> > see how this would affect clicks on the Calendar (but not other UI
> > interactions such as mouseover) without looking at your page.
> >
> > You can do a "view source" of your page, save the results as an html
> > file and send it over, that would be a good start. You can send it
> to
> > me offline if you'd like.
> >
> > Regards,
> > Satyen
> >
> > On Jul 7, 2009, at 10:02 PM, peetnik3 wrote:
> >
> > >
> > >
> > > Hi Satyen,
> > >
> > > Thank you for your quick response and offer to help. The version
> of
> > > our site that uses YUI 2.7.0 is not live in production yet (live
> > > still uses 2.5.2), and you can't get to our test environment since
> > > it's inside our corporate firewall.
> > >
> > > Can I give you more information and/or code fragments instead? Or
> > > can you perhaps suggest how I might be able to debug the correct
> > > YUI .js file using Microsoft Script Debugger? If you must get to a
> > > URL, I can see what I can do after talking to my QA and IT depts.
> > > BTW, after posting my initial message, I also tried YUI 2.6 and
> > > confirmed that it also has this problem with IE6.
> > >
> > > I'm getting pressure to go back to 2.5.2, but I'd rather not since
> > > we want to start using the Datatable widget and it came out of
> beta
> > > in 2.6.
> > >
> > > Thanks,
> > >
> > > Andrew
> > >
> > > --- In ydn-javascript@yahoogroups.com, Satyen Desai <sdesai@>
> > > wrote:
> > > >
> > > > Could you post a URL to look at? We should be able to get to the
> > > > bottom of this pretty quickly given a URL.
> > > >
> > > > Thanks,
> > > > Satyen
> > > >
> > > >
> > > > On Jul 7, 2009, at 4:44 PM, peetnik3 wrote:
> > > >
> > > > >
> > > > >
> > > > > Hi all,
> > > > >
> > > > > After upgrading from YUI 2.5.2 to 2.7.0, the YUI calendar
> control
> > > > > used in a YUI modal dialog no longer works correctly in IE6.
> It
> > > > > continues to work fine in all other browsers.
> > > > >
> > > > > I can successfully display the YUI calendar and it shows up as
> > > being
> > > > > on top. However, clicking the calendar navigation arrows and
> the
> > > > > days of the month bring no response. Hovering the mouse
> around the
> > > > > numbers, the days of the month will highlight in blue as
> expected
> > > > > but that's about it.
> > > > >
> > > > > In my CSS file, I have always set the calendar's z-index to
> 999 to
> > > > > force it to display on top of the modal dialog. Changing this
> > > value
> > > > > doesn't help.
> > > > >
> > > > > Can anyone offer any help on this? With no other code changes,
> > > > > downgrading back to YUI 2.5.2 solves my problem, but I'd
> prefer to
> > > > > be on the current YUI version.
> > > > >
> > > > > Thanks,
> > > > >
> > > > > Andrew
> > > > >
> > > > >
> > > > >
> > > >
> > >
> > >
> > >
> >
>
>
>




Thu Jul 9, 2009 11:21 pm

sdezzi
Offline Offline
Send Email Send Email

Forward
Message #50393 of 52114 |
Expand Messages Author Sort by Date

Hi all, After upgrading from YUI 2.5.2 to 2.7.0, the YUI calendar control used in a YUI modal dialog no longer works correctly in IE6. It continues to work...
peetnik3
Online Now Send Email
Jul 7, 2009
11:45 pm

Could you post a URL to look at? We should be able to get to the bottom of this pretty quickly given a URL. Thanks, Satyen...
Satyen Desai
sdezzi
Offline Send Email
Jul 8, 2009
1:57 am

Hi Satyen, Thank you for your quick response and offer to help. The version of our site that uses YUI 2.7.0 is not live in production yet (live still uses...
peetnik3
Online Now Send Email
Jul 8, 2009
5:02 am

Hi, Does the problem go away if you disable modality? If so, then the problem maybe that you're rendering the Calendar outside of the Dialog (does the markup...
Satyen Desai
sdezzi
Offline Send Email
Jul 8, 2009
5:18 pm

Hi Satyen, Yes, the problem does go away if I set modality to false for the modal dialog. Also, it is true that I've been rendering the Calendar outside of the...
peetnik3
Online Now Send Email
Jul 9, 2009
10:11 pm

Hi, It was probably working in 2.5.2 with the Calendar rendered outside of the Modal Dialog because the Calendar was rendered *after* the Modal Dialog was...
Satyen Desai
sdezzi
Offline Send Email
Jul 9, 2009
11:23 pm

Hi Satyen, Thank you for the explanation and tips on needing to put calendar markup in a modal dialog section if I want to use the control on the dialog. That...
peetnik3
Online Now Send Email
Jul 13, 2009
7:34 pm
Advanced

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