-
15 May 2009 11:13 AM #1
[FIXED] [3.0rc1.1]Ext.Element.hide(true) doesn´t work properly in FF
[FIXED] [3.0rc1.1]Ext.Element.hide(true) doesn´t work properly in FF
Hi,
I am using the RC1.1 and now if I use Ext.Element.hide(true) in Firefox,
the element fades out und appears again.
Regards
d1
-
15 May 2009 1:29 PM #2
Verified in rc1.1
In core/core/Element.fx.js on line 237 its setting the element to full opacity (visible) again.
Test case: http://extjs.com/deploy/ext-3.0-rc1....spotlight.html
Hope that helps to narrow down the problem.Code:Ext.get('demo-ct').hide(true);-Shea
My Blog:VinylFox | Twitter:@VinylFox | JavaScript Magazine:JSMag | Curator of the Baltimore/DC JavaScript Meetup | Author: Learning ExtJS 3.x Book
ExtJS Extensions & Plugins: GMapPanel UX | HtmlEditor Buttons Plugin | Selection Enabler Plugin | Grid DataDrop Plugin | Additional Ext.Fx
Sencha Touch Plugins: Swipe Tabs | List Pull Refresh | Accelerometer Tabs
-
15 May 2009 6:19 PM #3
Try this override, I've included the constants as well so everything works:
Code:Ext.override(Ext.Element, { setVisible : function(visible, animate){ var VISIBILITY = "visibility", DISPLAY = "display", HIDDEN = "hidden", NONE = "none", ELDISPLAY = Ext.Element.DISPLAY; var me = this, dom = me.dom, isDisplay = (me.visibilityMode == ELDISPLAY); if (!animate || !me.anim) { if(isDisplay){ me.setDisplayed(visible); }else{ me.fixDisplay(); dom.style.visibility = visible ? "visible" : HIDDEN; } }else{ // closure for composites if(visible){ me.setOpacity(.01); me.setVisible(true); } me.anim({opacity: { to: (visible?1:0) }}, me.preanim(arguments, 1), null, .35, 'easeIn', function(){ if(!visible){ dom.style[isDisplay ? DISPLAY : VISIBILITY] = (isDisplay) ? NONE : HIDDEN; Ext.fly(dom).setOpacity(1); } }); } return me; } });Evan Trimboli
Sencha Developer
Twitter - @evantrimboli
Don't be afraid of the source code!
-
16 May 2009 5:48 AM #4
Just tested a few different scenarios and that seems to work fine.
-Shea
My Blog:VinylFox | Twitter:@VinylFox | JavaScript Magazine:JSMag | Curator of the Baltimore/DC JavaScript Meetup | Author: Learning ExtJS 3.x Book
ExtJS Extensions & Plugins: GMapPanel UX | HtmlEditor Buttons Plugin | Selection Enabler Plugin | Grid DataDrop Plugin | Additional Ext.Fx
Sencha Touch Plugins: Swipe Tabs | List Pull Refresh | Accelerometer Tabs
Thank you for reporting this bug. We will make it our priority to review this report.


Reply With Quote
