Prop to disable dragging

[sjstark]

Currently the only way to prevent user dragging of a visual from vue-visual is to use a deep selector. I believe it'd be cleaner to add a prop like prevent-dragging or draggable='false' to vue-visual to add it to the html structure of the visual rather than rely on CSS.

[weotch]

What's the CSS solution you've found to work? In vue-ssr-carousel I do this:

https://github.com/BKWLD/vue-ssr-carousel/blob/1c1509d8eb56887e526f9cf9f70c449400639cbd/src/concerns/dragging.coffee#L236-L244

[sjstark]

I wanted to avoid JS and use HTML or CSS. Best solution would be to use html imo, but my css solution was just using user-drag

/* Prevent dragging of thumbnails */
>>> img
    -webkit-user-drag none
    -khtml-user-drag none
    -moz-user-drag none
    -o-user-drag none
    user-drag none

[weotch]

Cool, yeah, if you wanna make a PR for this I'd accept it. I like no-drag (which is what vue-ssr-carousel uses) or prevent-dragging for the prop name because I prefer boolean props that default to false. Also, I think you can just do user-drag none and autoprefixer will automatically add vendor prefixes.