PDA

View Full Version : Standard Alert Message text cutoff in IE11



SurenderBhyan1
12 Jul 2015, 11:06 PM
Platform : IE 11 (Using ExtJs 4.2.1)

Issue: Alert message text is getting cutoff for IE11. Any suggestion ?

Fiddle: https://fiddle.sencha.com/#fiddle/qbp

snapshot :

52836

Gary Schlosberg
13 Jul 2015, 9:25 AM
Thanks for the report. I do see the issue in 4.2.1, but it seems to be resolved in 4.2.2. For what it's worth, 4.2.2 was the first 4.x version to officially support IE11.

SurenderBhyan1
30 Jul 2015, 6:10 PM
Thank you Garry for the update.

SurenderBhyan1
25 Aug 2015, 4:09 AM
Hi all
I have found a work around for IE11 too :) Here it is


Ext.override(Ext.MessageBox, {
onShow: function() {
var me = this;
this.callParent(arguments);
this.center();
me.on('show', function() {
var offset = 10;
var helperEl = Ext.fly(me.helperElId) || Ext.fly(Ext.DomHelper.createDom({
tag: 'div',
id: me.helperElId,
style: {
position: 'absolute',
left: '-1000px',
top: '-1000px',
'font-size': '11px',
'line-height': '13px',
'font-family': 'arial, tahoma, helvetica, sans-serif'
}
}, Ext.getBody()));


if (me.msg && (me.msg.getWidth() !== (helperEl.dom.clientWidth + offset))) {
helperEl.update(me.msg.value);
me.msg.setWidth(Ext.Number.constrain(helperEl.dom.clientWidth + offset, me.minWidth, me.maxWidth));
};
}, this);
}
});


spc