Loading ...
Sorry, an error occurred while loading the content.
 

Re: [svg-developers] Re: dragging has varying browser behaviour - what is correct?

Expand Messages
  • Jacob Beard
    I feel like I ve seen that diagram elsewhere besides the DOM Level 3 spec, but strangely, I wasn t able to find it. Jake ... [Non-text portions of this message
    Message 1 of 8 , Jan 19, 2011
      I feel like I've seen that diagram elsewhere besides the DOM Level 3
      spec, but strangely, I wasn't able to find it.

      Jake

      On 11-01-19 12:36 PM, gb_n_svg wrote:
      >
      > Jake
      >
      > Thank you!
      >
      > The diagram at
      > http://www.w3.org/TR/DOM-Level-3-Events/#event-flow
      >
      > looks like the thing I wanted. I never thought to look at DOM level 3
      > (It would be very nice if this diagram was in lower level DOM spec's :-(
      >
      > The other articles look very useful too.
      > Cheers!
      > GB-)
      >
      > --- In svg-developers@yahoogroups.com
      > <mailto:svg-developers%40yahoogroups.com>, Jacob Beard <jbeard4@...>
      > wrote:
      > >
      > > Here's a diagrammatic representation of DOM event flow:
      > >
      > > http://www.w3.org/TR/DOM-Level-3-Events/#event-flow
      > >
      > > Here you can find a textual description of the stable DOM Level 2 spec:
      > >
      > > http://www.w3.org/TR/DOM-Level-2-Events/events.html#Events-flow
      > >
      > > Wikipedia has a useful article as well:
      > >
      > > http://en.wikipedia.org/wiki/DOM_events
      > >
      > > This should provide you with a good foundation for understanding DOM
      > > events, but I would consider calling evt.preventDefault() to prevent
      > the
      > > default SVG user agent dragging behaviours to be almost an idiomatic
      > > solution. Maybe there's something in the SVG or DOM Event specification
      > > about it, but it's not something I've been able to locate, and the
      > > solution came when I found the Mozilla bug report I linked to in the
      > > previous email.
      > >
      > > Jake
      > >
      > >
      > > On 11-01-18 01:54 PM, gb_n_svg wrote:
      > > >
      > > > Sorry, my request for some documentation wasn't at all clear.
      > > >
      > > > What I should have said is more like ...
      > > >
      > > > I am happy to ask questions, but I'd prefer to know how to diagnose
      > > > stuff like this for myself.
      > > >
      > > > So, is their a tool, or a clear, preferably diagrammatic, document or
      > > > representation explaining the event structure and how events flow so
      > > > that I could have diagnosed this for myself?
      > > >
      > > > It seems to me that there could be a few SVG-based diagrams which
      > show
      > > > how events flow, and the types of action that events might trigger.
      > > > That might have been a good place for me to start trying to figure
      > out
      > > > what was happening. It could even be animated :-)
      > > >
      > > > It could even be a tool, or web site, which takes my SVG, translates
      > > > it and annotates it so that I have a visual debug of the SVG document
      > > > structure; like a visual debugger, but for the event flow, rather
      > than
      > > > the program flow, or static document structure.
      > > >
      > > > Quite a lot to ask for, but my experience is, no matter how
      > ambitious,
      > > > it either already exists, or it will exist within six months of
      > asking
      > > > for it (GB's Internet Law 0).
      > > >
      > > > Jake - Thanks again for your help.
      > > > GB
      > > >
      > > > --- In svg-developers@yahoogroups.com
      > <mailto:svg-developers%40yahoogroups.com>
      > > > <mailto:svg-developers%40yahoogroups.com>, Jacob Beard <jbeard4@>
      > > > wrote:
      > > > >
      > > > > Sure.
      > > > >
      > > > > Here's some documentation on evt.preventDefault:
      > > > > https://developer.mozilla.org/en/DOM/event.preventDefault
      > > > >
      > > > > Here's a bug report related to the SVG drag issue in Firefox:
      > > > > https://bugzilla.mozilla.org/show_bug.cgi?id=525591
      > > > >
      > > > > That's about all I know of it.
      > > > >
      > > > > Cheers,
      > > > >
      > > > > Jake
      > > > >
      > > > > On 11-01-17 07:34 PM, gb_n_svg wrote:
      > > > > >
      > > > > > Jake - Thank you!
      > > > > >
      > > > > > I have checked in Chrome, and adding "evt.preventDefault();"
      > into the
      > > > > > onmousedown event handler stops the flickering text highlight.
      > > > > >
      > > > > > I have checked in Firefox 4b9, and adding "evt.preventDefault();"
      > > > into
      > > > > > the onmousedown event handler stops the wierd text drag thing.
      > > > > >
      > > > > > Excellent, and thank you.
      > > > > >
      > > > > > Would you recommend something I should look at to get a better
      > > > > > understanding of what is going on?
      > > > > >
      > > > > > GB
      > > > > >
      > > > > > --- In svg-developers@yahoogroups.com
      > <mailto:svg-developers%40yahoogroups.com>
      > > > <mailto:svg-developers%40yahoogroups.com>
      > > > > > <mailto:svg-developers%40yahoogroups.com>, "gb_n_svg" <gbulmeruk@>
      > > > > > wrote:
      > > > > > >
      > > > > > > Jake - Thanks for the advice.
      > > > > > >
      > > > > > > Is the "evt.preventDefault();" called on *EVERY* mouse event, or
      > > > > > only once, initially in an "onload", or something?
      > > > > > >
      > > > > > > GB
      > > > > > >
      > > > > > > --- In svg-developers@yahoogroups.com
      > <mailto:svg-developers%40yahoogroups.com>
      > > > <mailto:svg-developers%40yahoogroups.com>
      > > > > > <mailto:svg-developers%40yahoogroups.com>, Jacob Beard <jbeard4@>
      > > > wrote:
      > > > > > > >
      > > > > > > >
      > > > > > > >
      > > > > > > > On 11-01-17 05:21 PM, GB wrote:
      > > > > > > > >
      > > > > > > > > Firefox often (but not always) creates a text 'drag
      > > > rectangle' and
      > > > > > > > > when mouse-up, the rectangle disappears, and the dragged
      > 'use'
      > > > > > > > > elements 'jump' to the cursor. So the whole set of
      > events are
      > > > > > > > > propagated, but after the button is released, and the
      > > > mouse-up is
      > > > > > > > > lost, which is very awkward.
      > > > > > > > >
      > > > > > > > You can disable this behaviour in Firefox by calling
      > > > > > > > evt.preventDefault(); in the event handler. This might also
      > > > > > disable and
      > > > > > > > normalize the other browser behaviours you mentioned, but
      > I'm not
      > > > > > sure.
      > > > > > > > If you have success with this, please be sure to post your
      > > > > > experiences here.
      > > > > > > >
      > > > > > > > Jake
      > > > > > > >
      > > > > > > >
      > > > > > > > [Non-text portions of this message have been removed]
      > > > > > > >
      > > > > > >
      > > > > >
      > > > > >
      > > > >
      > > > >
      > > > > [Non-text portions of this message have been removed]
      > > > >
      > > >
      > > >
      > >
      > >
      > > [Non-text portions of this message have been removed]
      > >
      >
      >


      [Non-text portions of this message have been removed]
    Your message has been successfully submitted and would be delivered to recipients shortly.