Problem with cfwindow and cfinput datefield

[The_ScareCrow]

If you have a cfform that contains a cfinput type datefield that is displayed in a cfwindow there is a problem when you scroll the cfwindow.

That is if the form content causes the cfwindow to have scroll bar when you scroll the cfinput datefield stays where it is while the rest of the form scrolls with the window.

Does anyone have any idea how to fix this.

The code being used is as follows

<cfwindow
     width="800"
        height="200"
        name="myWindow"
        center="true"
        title="Test Window"
        modal="true"
        initshow="true">

        <br>
        <cfform name="mycfform1">
            <div style="float:left;">Date 1: </div>
            <cfinput type="datefield" name="mydate1"><br><br><br>
            <div style="float:left;">Date 2: </div>
            <cfinput type="datefield" name="mydate2" value="15/1/2007"><br><br><br>
            <div style="float:left;">Date 3: </div>
            <cfinput type="datefield" name="mydate3" required="yes"><br><br><br>
            <div style="float:left;">Date 4: </div>
            <cfinput type="datefield" name="mydate4" required="no"><br><br><br>
            <br>
            <div style="float:left;">Date 1: </div>
            <cfinput type="datefield" name="mydate5" mask="dd/mm/yyyy">
                (dd/mm/yyyy)<br><br><br>
            <div style="float:left;">Date 2: </div>
            <cfinput type="datefield" name="mydate6" mask="mm/dd/yyyy">
                (mm/dd/yyyy)<br><br><br>
            <div style="float:left;">Date 3: </div>
            <cfinput type="datefield" name="mydate7" mask="d/m/yy">
                (d/m/yy)<br><br><br>
            <div style="float:left;">Date 4: </div>
            <cfinput type="datefield" name="mydate8" mask="m/d/yy">
                (m/d/yy)<br><br><br>
        </cfform>
</cfwindow>

[Fernis]

I cannot replicate your problem. For me, the content - all of the form plus the datefield controller - scroll as they should as I scroll the window content.

What browser were you using?

Tested with the latest Gecko and Webkit browsers. With IE9 beta everything is broken anyway, but that goes without saying...

-Fernis

[The_ScareCrow]

Sorry,

Should have said that this is only in IE.

Ken

[Fernis]

I'm guessing the problematic IE is version 7?

IE8 is an important Microsoft update, so you and your clients should be using that.

According to my tests,

IE 7 messes up the z-indexes and/or scrolling

IE 8 works properly

IE 9 september beta messes up z-indexes

IE 9 november PP7 works properly.

Tests were done on IE9 september beta and IE9 PP7 using IE7, 8 and 9 document modes, so they are not 100% accurate.

However! NONE of the IE document rendering modes in IE9 work as follows:

1. Click one of the date dialog buttons

2. Drag the Test Window

3. Try to scroll the test window content

=> The window scroll bar cannot be dragged.

This works properly in Gecko and Webkit.

Probably MS's fault, but the Adobe ColdFusion team might want to look shortly into this anyway.

-Fernis

[The_ScareCrow]

-Fernis,

Thanks for your help.

I know IE 7 is a problem, not using this one.

I'm actually using 8.0.6

I will need to do more research, maybe it's my doc type.

Anyway, thanks for testing.

Ken