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