PDA

View Full Version : DateField and IE9



katman
16 Feb 2011, 11:29 AM
IE9s rc and previously the beta are having issues rendering the date picker.

Source--
<div id='dp_filter_TodoLogTime'></div>

<script>
var dateField = new Ext.form.DateField({
allowBlank:true,
disabled: false,
format:'m/d/Y',
value: '',
style: 'background-color: #ffffa0;',
id: 'filter[TodoLogTime]'
});
dateField.render('dp_filter_TodoLogTime');
</script>

Error --
Object doesn't support property or method 'createContextualFragment'
ext-all.js?1297878307, line 9 character 3353

The datepicker will render but when a date is clicked the date field will not close and the above error is reported in the IE9 console/script debugger. Clicking anywhere on the page once the date field displays will not close/remove the date field

Ext version used in production is 2.2, the same issue appears with the latest 3.3.1 and this example page has the same bug:
http://dev.sencha.com/deploy/dev/examples/form/adv-vtypes.html

Anyone seen this? Any help would be appreaciated.
Thanks in advance.

mestrona
1 Dec 2011, 1:39 AM
I can reproduce this bug with IE9/Win7 here:
http://dev.sencha.com/deploy/ext-3.3.1/examples/form/adv-vtypes.html

ExtJS4 seems to do it right:
http://dev.sencha.com/deploy/ext-4.0.0/examples/form/adv-vtypes.html

Is there any patch for 3.x out there?

kind regards,
Stephan Nachtsheim

pkg
24 Dec 2011, 5:47 AM
Try this till it is fixed officially.
Add in your CSS file


.x-date-menu {
width: 175px !important;
}

wm003
29 Dec 2011, 9:19 PM
You can try DatePickerPlus (http://extjs.com/forum/showthread.php?p=148587). Besides many more functionality your issue is also solved there