Hello everyone I have made some strange expirience yesterday. I have an unordered list with sortable list items (basic). Within these are various contents (forms, divs, more lists) etc.. Now on only some of them the whole page (all text) begins to flicker / redrawn in Internet Explorer 6 if i pick up a dragable and move it above its original position (like moving it above the ghost of the element). The flickr occurs on every mouseMove but not on any other sortable list item! .. it looks like it is firing events when i am over the source position. Also i noticed that the browser is getting really slow when i do that for too long. (event loop, recursion??) I wasn''t able to trace the events so i don''t know what is wrong or what is happening "onDrag". First i thought this is a CSS problem, but even if i remove the CSS and just use the site in "textmode" the flickering stays in IE6. :( demo: http://www.bloxpress.org/demo/ # click on "add blocks" link on the top, # choose ''flickr'', drag it on left or right column, # move the flickr block and watch the effect. :( ''sortable.create'' and general JS source: http://www.bloxpress.org/demo/wp-content/themes/bloxpress2/system/javascript/bloxpress/bp_builder.js Any ideas? I already had to remove the hoverclass and ghosting because it was only worse. :( PS: Is there a way to stop "starteffect" and "endeffect" from within sortable.create? Best regards, Kjell _______________________________________________ Rails-spinoffs mailing list Rails-spinoffs-1W37MKcQCpIf0INCOvqR/iCwEArCW2h5@public.gmane.org http://lists.rubyonrails.org/mailman/listinfo/rails-spinoffs
Any ideas? I already had to remove the hoverclass and ghosting because it was only worse. :( ------------------- It looks to me like the two drop-down menus you have in your Flickr block are causing the flickering in IE. I would suggest hiding any SELECT elements with the starteffect function, then making them visible again with the endeffect.
On 6/13/06, Leon Chevalier <leon-/gNFX0pVsuRWk0Htik3J/w@public.gmane.org> wrote:> > > It looks to me like the two drop-down menus you have in your Flickr block > are causing the flickering in IE. I would suggest hiding any SELECT > elements > with the starteffect function, then making them visible again with the > endeffect. >Thanks for this input. I however went a step further hiding everything but the title. I like it. :) The SELECT elements however are only the "most visible" sideeffect. The flickering is gone for now (hidden actually), but the bad performance remains. Compare how "smooth" the dragging feels if you are on the sortable list and how it "stutters" if you are in the center/content. .. there is still something wrong and i have no idea what it could be. Does anyone know how to spy all javascript events? Maybe some tool or browser debugger. I have nothing more then my firefox with firebug which is actually good but doesnt show everything.. I am really lost here... why that performance drain if a draggable is not on a sortable? Now special effects, hidden content.. it makes no sense. _______________________________________________ Rails-spinoffs mailing list Rails-spinoffs-1W37MKcQCpIf0INCOvqR/iCwEArCW2h5@public.gmane.org http://lists.rubyonrails.org/mailman/listinfo/rails-spinoffs
On 6/13/06, Kjell Bublitz <m3nt0r.de-Re5JQEeQqe8AvxtiuMwx3w@public.gmane.org> wrote:> > On 6/13/06, Leon Chevalier <leon-/gNFX0pVsuRWk0Htik3J/w@public.gmane.org> wrote: > > > > > > It looks to me like the two drop-down menus you have in your Flickr > > block > > are causing the flickering in IE. I would suggest hiding any SELECT > > elements > > with the starteffect function, then making them visible again with the > > endeffect. > > > > Thanks for this input. I however went a step further hiding everything but > the title. I like it. :) > > The SELECT elements however are only the "most visible" sideeffect. The > flickering is gone for now (hidden actually), but the bad performance > remains. Compare how "smooth" the dragging feels if you are on the sortable > list and how it "stutters" if you are in the center/content. .. there is > still something wrong and i have no idea what it could be. > > Does anyone know how to spy all javascript events? Maybe some tool or > browser debugger. I have nothing more then my firefox with firebug which is > actually good but doesnt show everything.. > > I am really lost here... why that performance drain if a draggable is not > on a sortable? Now special effects, hidden content.. it makes no sense. >[ reply to self ] I think i have found the problem: On each list-element i had a class called "block". I removed the class and now it works fine. This is only a assumption (i have no idea what actually happens in the dragdrop.js) but it looks like having a class attribute on a draggable is not a good idea cause "something" is changing the class OR changing the style while dragging. I guess that little CSS-fight is going on in the background making the browser get into trouble rendering.. or whatever. Now while there is no more class attribute it seems that the Drag function has less to do and thus works faster.. I came to this conclusion because since i had removed the class attribute from the list-items dragging is working alot faster and basicly solved my problem. Has anybody else expirienced the same or someone with more insight could explain the how and why a bit better? I would contribute but i have no idea what _really_ was wrong and why it now works after removing the class attrib from the LI. Best regards, Kjell _______________________________________________ Rails-spinoffs mailing list Rails-spinoffs-1W37MKcQCpIf0INCOvqR/iCwEArCW2h5@public.gmane.org http://lists.rubyonrails.org/mailman/listinfo/rails-spinoffs