Some findings on HTML 5 DnD supports - Is seems this is not a good choice HTML 5 DnD This seems not fully implemented in all the browsers [1, 2. 3] And its apis behaviour is not that good enough (HTML5 drag and drop module <http://dev.w3.org/html5/spec/editing.html#dnd> is not just a disaster, it’s a *fucking* disaster.[4]) Some SO comments[5] I think the biggest advantage to HTML5 drag and drop over jQuery is the elimination of the sizable jQuery UI library and css files. That being said, there is the current issue of browser compatibility that makes jQuery very much needed.[5] down vote
[1] - http://mereskin.github.io/dnd/ [2] - http://caniuse.com/#feat=dragndrop [3] - http://www.useragentman.com/blog/2010/01/10/cross-browser-html5-drag-and-drop/ [4] - http://www.quirksmode.org/blog/archives/2009/09/the_html5_drag.html [5] - http://stackoverflow.com/questions/9524543/advantages-of-html-5-drag-and-drop-over-jquery-ui-drag-and-drop On Tue, Sep 6, 2016 at 11:01 AM, Susinda Perera <susi...@wso2.com> wrote: > > > On Tue, Sep 6, 2016 at 10:03 AM, Dakshika Jayathilaka <daksh...@wso2.com> > wrote: > >> +1 for option 2. >> > >> Option 1 will generate problematic situation because most of the >> components within Jquery-UI is outdated and IMHO this won't be a good >> option for next gen tooling. >> > > With option 2 it's hard to implement moving svg component over HTML (as we > discussed today morning). I believe the issue of option1 is using > jquery-UI. Our argument was to implement DnD based on d3(svg) vs HTML. As > we all agreed we will move this implementation based on HTML. We need to > research on which library to use, is it HTML-5 native support or some > other. I'll try on this and update the findings. > >> >> Regards, >> >> *Dakshika Jayathilaka* >> PMC Member & Committer of Apache Stratos >> Associate Technical Lead >> WSO2, Inc. >> lean.enterprise.middleware >> 0771100911 >> >> On Mon, Sep 5, 2016 at 8:21 PM, Imesh Gunaratne <im...@wso2.com> wrote: >> >>> >>> On Mon, Sep 5, 2016 at 6:21 PM, Susinda Perera <susi...@wso2.com> wrote: >>> >>>> Hi All >>>> >>>> I tried $subject with 2 different approaches, and having following +and >>>> -s >>>> 1. Using Jquery-UI DnD support >>>> + Can drag over other HTML elements >>>> + Can restrict droppable areas >>>> + Can implement tool-palette separately even without having D3/Svg >>>> interaction or knowledge >>>> - Have to use different technology compared to d3 and svg, which is >>>> used in all over other places in diagram editor >>>> >>>> 2. Using d3 drag drop support >>>> + Can use the same technology stack as what we used in diagram editor. >>>> - Can not drag over other HTML elements. (Maybe we can with some RnD, >>>> but could not found anything yet) >>>> - Tool Palette need to be implemented as svg element >>>> >>>> Any ideas? My preference is 1. As it gives us more flexibility on >>>> styling and coding. >>>> >>> >>> Yes I think it's fine to proceed with option 1 by considering the >>> capabilities needed by the tool palette. >>> >>> Thanks >>> >>>> >>>> Thanks >>>> Susinda >>>> >>>> -- >>>> *Susinda Perera* >>>> Software Engineer >>>> B.Sc.(Eng), M.Sc(Computer Science), AMIE(SL) >>>> Mobile:(+94)716049075 >>>> Blog: susinda.blogspot.com >>>> WSO2 Inc. http://wso2.com/ >>>> Tel : 94 11 214 5345 Fax :94 11 2145300 >>>> >>>> >>> >>> >>> -- >>> *Imesh Gunaratne* >>> Software Architect >>> WSO2 Inc: http://wso2.com >>> T: +94 11 214 5345 M: +94 77 374 2057 >>> W: https://medium.com/@imesh TW: @imesh >>> lean. enterprise. middleware >>> >>> >> > > > -- > *Susinda Perera* > Software Engineer > B.Sc.(Eng), M.Sc(Computer Science), AMIE(SL) > Mobile:(+94)716049075 > Blog: susinda.blogspot.com > WSO2 Inc. http://wso2.com/ > Tel : 94 11 214 5345 Fax :94 11 2145300 > > -- *Susinda Perera* Software Engineer B.Sc.(Eng), M.Sc(Computer Science), AMIE(SL) Mobile:(+94)716049075 Blog: susinda.blogspot.com WSO2 Inc. http://wso2.com/ Tel : 94 11 214 5345 Fax :94 11 2145300
_______________________________________________ Dev mailing list Dev@wso2.org http://wso2.org/cgi-bin/mailman/listinfo/dev
