Bug in IE7 and IE8

[StorkMember]

Hi all,

argument dropPosition of dragEnd property/callback is ‘undefined’, so this callback is unusable in these 2 browsers.

Also, sorry for pointing this thing out again, but solution proposed in Tree topic ‘how-to-detect-invalid-drop-target-in-tree’

$.contains(item.element,dropItem.element)

does not work in IE8, it never returns false.

[DimitarParticipant]

Hello Stork,

We have tested for the reported issues under Internet Explorer 7 and 8, but to no avail. The dropPosition argument always has a correct value and the $.contains(item.element,dropItem.element) check returns true only when a parent element is dropped on its child.

We recommend you to update to the latest version of jQWidgets (2.9.2).

Best Regards,
Dimitar

jQWidgets team
http://www.jqwidgets.com/

[StorkMember]

Hi Dimitar,

may I ask you how do you test jqwidgets code? There are no unit tests in purchased sources. I’m sorry that I can’t show you example using jsfiddle.net, IE7/8 doesn’t work with it either.

Yes, I’ve tried it with 2.9.2

[Peter StoevKeymaster]

Hi Stork,

Let me add some information about this topic.

1. When you want to report an issue, please follow the instructions from here: http://www.jqwidgets.com/community/topic/welcome-to-jqwidgets-forum.
2. dropPosition is undefined only when you drop a tree node outside the tree. The other possible values are “after”, “before” and “inside”. dropPosition – after” means that the dragged item will be a sibling of the dropItem and will be added after it. “before” means that the dragged item will be a sibling of the dropItem and will be added before it. “inside” means that the dragged item will be a child of the dropItem. undefined dropPosition means that you dropped the dragged item outside the Tree widget.
3. The decision whether and what kind of samples, images, css, scripts and tests should be included in our builds is ours.
4. $.contains will detect whether the drop position is invalid or valid. That works in our test sample, too with IE7 and IE8. Our test sample is a modification of the Drag & Drop sample which is available online. Below is the code modification:

            $('#treeB').jqxTree({ allowDrag: true, allowDrop: true, height: '300px', width: '220px', theme: theme,
                dragEnd: function (item, dropItem, args, dropPosition, tree) {
                    if ($.contains(item.element, dropItem.element)) {
                        // invalid drop position
                    }
                    if (item.label == "Forum")
                        return false;
                }
            });

Example: Drop “Support” into “Support Home”, the result of the function is true. Then Drop “Knowledge Base” into “Forum”, the result is false.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

[Author]

Posts