PDA

View Full Version : IE7 - hide calendar prob with inline grid

amackay11
04-18-2007, 08:07 AM
I couldn't find this reported before on a quick search. I copied the inline grid example (http://extjs.com/deploy/ext/examples/grid/edit-grid.html) to my server with Ext 1.0 and noticed that with IE7, the calendar popup would not hide when clicking elsewhere on the grid and JS error results (object doesn't support method) . FF is fine. My html file had the following (no comment between body and select tags).

Calendar doesn't hide....

....
</head>

<body>

<select name="cblight" id="cblight" style="display: none;">
<option value="Shade">Shade</option>
.....


This works (adding comment text in the html between body and select!)

.....
</head>

<body>
<!-- -->
<select name="cblight" id="cblight" style="display: none;">
<option value="Shade">Shade</option>
.....
tryanDLS
04-18-2007, 02:06 PM
I just tested this and it appears to work fine. Are you using the 1.0 release or an old beta?
amackay11
04-19-2007, 06:48 AM
Weird. I am using the Apr 16th Ext 1.0. Probably not worth alot of investigation....but incase anyone else has a similar problem, my html is below. Also, the debugger output and editgrid.js are attached.

<head>
<link rel="stylesheet" type="text/css" href="/myserver/ajax/ext/resources/css/ext-all.css" />
<link rel="stylesheet" type="text/css" href="/myserver/ajax/ext/resources/css/ytheme-aero.css" />
<!-- LIBS -->
<script type="text/javascript" src="/myserver/ajax/ext/adapter/yui/yui-utilities.js"></script>
<script type="text/javascript" src="/myserver/ajax/ext/adapter/yui/ext-yui-adapter.js"></script>
<script type="text/javascript" src="/myserver/ajax/ext/ext-all-debug.js"></script>
<script type="text/javascript" src="editgrid.js"></script>
<!-- ENDLIBS -->

</head>

<body>

<select name="cblight" id="cblight" style="display: none;">
<option value="Shade">Shade</option>
<option value="Mostly Shady">Mostly Shady</option>
<option value="Sun or Shade">Sun or Shade</option>
<option value="Mostly Sunny">Mostly Sunny</option>
<option value="Sunny">Sunny</option>
</select>

<div id="grid-panel" style="width:600px;height:500px;">
<div id="mygrid"></div>
</div>
</body>
</html>
tryanDLS
04-19-2007, 04:58 PM
I was able to duplicate the weirdness with the empty tag. If there's nothing between the body and select elements, IE7 chokes. It crashes in DOMHelper trying to createRange when you doubleclick in the grid. IE6 works OK. This can be verified with the edit-grid example with no changes other than removing everything between the body and select

<body> <!-- adding anything here makes the problem go away
<select name==....>