Webcomponents, tree inside shadow DOM?

28 views
Skip to first unread message

Markus Kropf

unread,
May 10, 2019, 12:15:30 PM5/10/19
to Fancytree Q&A
Great work, kudos! I am working in a project that makes extensive use of webcomponents. Fancytree works quite well in polyfilled shadow DOM, but with native shadow DOM, features making use of jQueryUI break. I have switched from 'dnd' extension to 'dnd5' extension, which got me DnD working in a tree in shadow DOM.

Webcomponents, especially shadow DOM, nicely confine things inside a DOM tree branch. Libraries working from a node downwards usually work fine. The traditional jQuery/jQueryUI based libraries, however, pose integration problems. jQueryUI breaks because of event retargeting, jQuery selectors are not able to cross shadom DOM barriers.

Are you still heavily relying on jQuery and jQueryUI in your development? Or are you phasing them out?

mar10

unread,
May 11, 2019, 2:13:07 PM5/11/19
to Fancytree Q&A
I would like to drop jQuery UI depencies. Also planning to deprecate ext-dnd in favor of ext-dnd5.
In fact ther are only a few dependencies left, and it is vendered as part of Fancytree as 'jquery.fancytree.ui-deps.js'.

I would also like to drop jQuery, but this is more work, so far i did not had requests for it though, so I looked uppon it as a collection of helper tools mostly. 
It would help to get some concrete samples, suggestions, and descriptions of problems that you face. Feel free to open issues.
Reply all
Reply to author
Forward
0 new messages