Response title
This is preview!
Move this topic
sortable widget leaves style="display:none;" on sortable item after drop when web inspector is open in Safari
in Using jQuery UI
•
4 years ago
I'm using sortable widget (jQuery ui v1.12.0)
I have multiple lists of sortable items (DIVs) that are all connected so that an item can be moved between lists.
When I drag a DIV from one list to another, a "style=display:none;" modifier is left on my DIV after the DIV is dropped. Is this a bug in the sortable widget, or am I doing something wrong? How do I begin to debug this issue?
a little help?
thanks,
Mark
1
Replies(18)
I hope you are doing something wrong. Can you share a smallish http://jsfiddle.net demo of the problem?
JΛ̊KE
Leave a comment on jakecigar's reply
Will take me a while (til tonight) to get a smallish subset of the code to demo the problem.
I've noticed in several different versions of my code that a style modifier is left on the scrollable item. sometimes it's style="display:none;" other times it's style="display:block;". and I've even seen style="". In some cases, I have defined a helper function. in other's I have not. I also noticed that when I set the opacity property in the sortable widget to something < 1.0, there was a style="opacity:1.0;" left over.
will update later when I get a chance.
Mark
Leave a comment on Mark1111134197028's reply
I’ve seen left over styles, but not display:none. That’s why it seems strange.
JΛ̊KE
Leave a comment on jakecigar's reply
actually, I don't need to create a sample. the example http://api.jqueryui.com/sortable/#entry-examples exhibits the problem.
Leave a comment on Mark1111134197028's reply
I see style, but not style="display:none;" after a sort.
JΛ̊KE
Leave a comment on jakecigar's reply
So then it is normal/expected behavior for sortable to leave behind the style modifiers in the DOM?
Leave a comment on Mark1111134197028's reply
<div style> is equivalent to <div>, so yes. An empty style attribute is barely detectible, and does not change the way the node is displayed.
JΛ̊KE
Leave a comment on jakecigar's reply
Thanks. but what about the multiple cases where it leaves non-empty styles? Like in the examples on the jQuery site? is that ok too? I've only seen one scenario where it leaves empty style, but many where it leaves non-empty style.
Mark
Leave a comment on Mark1111134197028's reply
A non empty style is important. It uses that style. I do not see it leaving styles on the link you provided.
When I run $("#foo").hide() jQuery adds style="display:none" to <div id=foo> making <div id=foo style="display:none"> making it hidden.
JΛ̊KE
Leave a comment on jakecigar's reply
Which browser are you using?
On my MacBook Pro:
Using Firefox version 48.0.1, I get style="" on every example on sortable examples page on jQuery site.
Using Safari Version 9.1.3 (11601.7.8), I get non-empty styles on same examples.
Using Chrome Version 50.0.2661.94 (64-bit), I get no left-overs.
so, problem is primarily in Safari.
Leave a comment on Mark1111134197028's reply
I use safari 10 first. style="" is OK. It is the same as no style at all.
JΛ̊KE
Share a link to one that leaves non-empty styles.
JΛ̊KE
Leave a comment on jakecigar's reply
http://jqueryui.com/resources/demos/sortable/default.html. on my browser, moving Item 1 into 2nd position yields this:
Leave a comment on Mark1111134197028's reply
Only while moving. When you drop it is gone. That’s how the item is moved along with the cursor.
JΛ̊KE
Leave a comment on jakecigar's reply
it must be a side effect of having the Safari web inspector open and inspecting the sortable operations. when I close the web inspector, move items and drop them, then reopen the web inspector, the style leftovers are empty style modifiers. if I have web inspector open, style modifiers are not empty.
Leave a comment on Mark1111134197028's reply
I still haven’t seen sortable leave a non-empty style. Inspector open or not.
I think you may have learned a lesson that you can’t trust the web inspector 100%. You have also seen that the style is constantly changing as you drag the items around.
Bottom line is that it works.
JΛ̊KE
Leave a comment on jakecigar's reply
thanks for your help.
Mark
Leave a comment on Mark1111134197028's reply
Today is a good day to upgrade to Sierra. You may see different results.
JΛ̊KE
Leave a comment on jakecigar's reply
Change topic type
Link this topic
Provide the permalink of a topic that is related to this topic
Reply to Mark1111134197028's question
{"z67098514":[14737000007009348,14737000007009361,14737000007011381,14737000007011391,14737000007014013,14737000007014019,14737000007014031,14737000007014037,14737000007014041],"z2950240":[14737000007011349,14737000007011361,14737000007011383,14737000007014007,14737000007014015,14737000007014021,14737000007014023,14737000007014035,14737000007014039,14737000007014043]}