[2.2] Example "Desktop" - Taskbar not showing in Firefox 3.0.1

[imTigger]

As title,

It's all fine in IE7,Opera 9.51 and Safari

but the taskbar disappeared in Firefox 3.0.1

The downloaded example and the online example share the same issue...

When I add some alert('...') to Line 12 in Desktop.js to delay the js loading...

It acts as normal! What's a wired bug?

[neonfly]

Hi @all,

I've noticed the same problem but with different behaviour.
Within IE and FF the taskbar mostly appears, but not always.

F5 (taskbar shown)->F5 (taskbar shown)->F5 (taskbar not shown) :-/

Firebug shows no errors.

Versions:
IE: 7.0.5730.13
FF: 3.0.1


Greetings,
neonfly

[imTigger]

Yes,

Sometimes it's okay, when I clicked the link directly or paste the uri into address bar.

But after Reload, the bar won't show again...

[neonfly]

But after Reload, the bar won't show again...In my case the taskbar comes up after 1 - 4 (maximum counted) attemptings with a site reload.
It doesn't matter if i clean up the cache with Crtl+F5 or just reload with F5.

As written both in IE and FF.

Although the behaviour isn't the same i would suggest that the problem will be found at the same place, what will be strange cause of same browsers and ext version. I think the difference rub's on variating browser and system settings.

[neonfly]

Additionally the problem occurs also with the standard example I've tried out few minutes ago, so it's not a problem of bad user code.

I found out some interesting things...

In case the taskbar not appears, the view changes to that if I click on a desktop link:

http://www.s-layout.de/Bilder/taskbar1.PNG
http://www.s-layout.de/Bilder/taskbar1.pngAs you see only the start button and the menu is rendered.

Now when i close the window the hole taskbar is rendered, but the shortcut-slider cuts the menu in a half.
edit: sry, i meant if i resize browser window.http://www.s-layout.de/Bilder/taskbar2.PNG
http://www.s-layout.de/Bilder/Taskbar1.png

[Northrog]

The Problem is the following: ExtJS seems to set some cookies which cause those Problems.

I solved the Problem by making a Synchronous Request onUnload destroying the session data, and then everything is fine.

Not the best solution maybe, but it is one.

[neonfly]

Nonsense, I've checked this out first, cause MochaUI doe this for saving workspace.
ExtJS doesn't store any cookie.


[...] destroying the session data, [...]
Ups...who are the users?

[imTigger]

I've checked before, no cookies used by extjs

I found another example of ExtJS Desktop called "qWikiDesktop"

It's all fine...but too complex for me...just want to find out how they fixed the bug...

http://qwikioffice.com/desktop-demo/

[Northrog]

What i wrote is NOT nonsense because it WORKS.
Try it out.
And it stores some cookies, atleast at mine.

[imTigger]

not working for me :s

I checked with "Web Developer"...really no cookies set...

[Northrog]

hm i did something else too: I manipluated the taskbar-height formula, because one of the functions returned the wrong value...change it to 30, which one it is, i dont know atm, find out yourself in the TaskBar.js

[anolsi]

I don't understand who fix the bug. I try use the file that is qWikiOffice, but the firbug give me this error:


Ext.get(this.el) has no properties TaskBar.js (line 528)

[imTigger]

Finally I found a workaround for the broken button issue

desktop.css


#ux-taskbar {
background:transparent none;
height:30px;
margin:0;
padding:0;
position:relative;
z-index:999;
}

#ux-taskbar-start .x-btn {
float: left;
margin: 0;
position:relative;
z-index:1000;
}
but taskbar still not showing before resize...

[siknus]

I added height:'30px' in taskbar.js, on line 95:

this.el.setStyle({
overflow:'hidden',
margin:'0',
border:'0 none',
height:'30px'
});

[nmonta76]

From playing around with it, the Z-index fix works great. For the taskbar not showing up initially, it seems as though any form of refresh event will do it (open a window and close it).

How do I force that on the entire desktop?

Thanks.

[neonfly]

The solution with the height option 30px from siknus works fine, thanks a lot.

[yuvsharma]

I also found fix for broken button link:

Line:42,taskbar.js

var width = 93;// Ext.get('ux-startbutton').getWidth()+10;

Use firebug to check the value "Ext.get('ux-startbutton').getWidth()+10", it finally give "93"

Thanks

[michaelc]

You guys rock thank you.

I wasted about 2 hours yesterday - trying to see what I had messed up when I setup just the desktop. and then to find it was just a bug in the example.

[jcar98]

This worked for me.

Change line 8 of Apps.js

Ext.onReady(this.initApp, this, {delay: 1});

[Condor]

This worked for me.

Change line 8 of Apps.js

Ext.onReady(this.initApp, this, {delay: 1});

Really? In that case you should use this fix (http://www.extjs.com/forum/showthread.php?p=236287#post236287).

[iLoLo21]

Ext.onReady(this.initApp, this, {delay: 1});

Success Work. Thanks a lot !

[syscobra]

I added height:'30px' in taskbar.js, on line 95:

this.el.setStyle({
overflow:'hidden',
margin:'0',
border:'0 none',
height:'30px'
});

I was trying in my monitor but the resolution i use is 1680 x 1050 so the taskbar get shorted, if someone has this issue i just fixed it with a width at 100%

this.el.setStyle({
overflow:'hidden',
margin:'0',
border:'0 none',
width:'100%',
height:'30px'
});

[Abisha]

Thanks it works..

But after refresh the the Start button is showing half and we can expand it.

Task bar is showing fully.. How can i rectify it?

[ravendawson]

It looks like you need a taskbar error fix (http://windowsfix.org/how-to-fix-windows-taskbar-errors.html). Try clearing the Windows icon cache and open your Task Manager. Find Explorer.exe in Process and right-click on it. Choose End Process and open the file picker through File > New Task (Run) and click the Browser button. Type %USERPROFILE%\AppData\Local in the File name field and choose IconCache.db. Delete the file and start a new explorer.exe process.