Prevent map tile images from dragging.

[AndreyKozlov1984]

I use leaflet inside an ExtJS app. I test in Chrome. I use Mac OS X, Retina display. The openstreetmaps layer images are draggable, i.e. I drag the tile img which looks weird.
This css style solves the issue: {
-webkit-user-drag: none;
user-drag: none;
}
Leaflet already uses -webkit-user-select: none. It is enough in most cases, but looks like not always.

I'll try to set up a jsfiddle example but whatever I think this extra css will not make things worse. At least that is what I use as a workaround in my current project.

[MatMatic]

Same problem happen with ImageOverlay in chrome, without ExtJS.

I resolved the problem using the solution above (-webkit-user-drag: none;}

[mourner]

@jfirebaugh take a look please

[jfirebaugh]

@ZeusTheTrueGod or @MatMatic, can you please make a JSFiddle that demonstrates the problem?

[MatMatic]

Hi,

jsfiddle with Leaflet 0.5.1 (image doesn't drag, map pan on mousedown/mousemove): http://jsfiddle.net/MatMatic/pPDLp/

Same example with Leaflet 0.6.2 (image drag, can't pan map):
http://jsfiddle.net/MatMatic/chNjM/

I know it's kind of weird to have such an image like this in a map, but hey, it's just an example ! ;)
I basically copied-pasted the example from: http://maps.mixedbredie.net/leaflet/image.html

I experimented the problem with an imageoverlay containing an image issued by a wms server (yeah, I know, there is class TileLayer.WMS).

Thx

[jfirebaugh]

@MatMatic Those fiddles are mix-and-matching 0.4.4 and 0.6.2 JS and CSS, and I'm having a hard time sorting out what's supposed to work and what isn't. Can you please try again with 0.5.1 and 0.6.2, without any script tags in the JSFiddle body -- use the JSFiddle script pane for setup code and "External Resources" for Leaflet CSS/JS. Thanks.

[MatMatic]

I cleaned everything.
Sorry, first time I used jsfiddle.

[mourner]

@jfirebaugh yep, also reproducible on /debug/map/image-overlay.html

[mourner]

@ZeusTheTrueGod your use case is not reproducible though, are you sure you updated your CSS files to new version as well?

[AndreyKozlov1984]

I have not setup the example, I am using a leaflet-rails plugin with a latest version.

On Jul 4, 2013, at 12:57 PM, Vladimir Agafonkin notifications@github.com wrote:

@jfirebaugh yep, also reproducible on /debug/map/image-overlay.html

—
Reply to this email directly or view it on GitHub.

[jfirebaugh]

Fixed in a1d7c12.

[AndreyKozlov1984]

Thanks, I'll try this version.

[emirotin]

Shouldn't dist be updated when Pull Request is sent?
It would make sense to always have downloadable master (especially taking into account it is directly linked from the site)
Current dist is 10 days old