PDA

View Full Version : DatePicker width in IE fix



agony
3 Nov 2015, 7:08 AM
In ie (10 and under) the DatePicker box width is cut almost in half - 118px.Its a large project and its used in various components in multiple places.Compatibility mode is off for the site (it caused other issues).So i thought i could just override the onTriggerClick for the Ext.form.DateField however i cant seem to find anything that would affect it.style property does nothing - even with !important and adding some random css changes to test.simply width: 185 does nothing.Override itself works - tested with other properties.Anyone come across the issue or similar problem?

Gary Schlosberg
6 Nov 2015, 12:19 PM
Are you able to reproduce this in a Fiddle so we can see what might be going on?
https://fiddle.sencha.com/#home

agony
17 Nov 2015, 12:34 AM
Missed the post, so a late reply. It seems to be a common bug for others aswell. I had to fix it by overriding css and setting fixed values.


new Ext.Panel({ region: 'north',
height: 35,
layout: 'hbox',
items:[
this.dateField = new Ext.form.DateField({
value: new Date()
}),
],
renderTo:Ext.getBody()
});

But for some reason in the fiddle i can only reproduce it in 3.3 - 3.4 has white bar at the bottom but width is ok.
Could be something with fiddle and ie that works a bit differently.
Ext in console reports version: "3.4.0"for the project.