diff --git a/dist/leaflet.css b/dist/leaflet.css index 846f11852..d253c057b 100644 --- a/dist/leaflet.css +++ b/dist/leaflet.css @@ -579,7 +579,7 @@ svg.leaflet-image-layer.leaflet-interactive path { pointer-events: none; box-shadow: 0 1px 3px rgba(0,0,0,0.4); } -.leaflet-tooltip.leaflet-clickable { +.leaflet-tooltip.leaflet-interactive { cursor: pointer; pointer-events: auto; } diff --git a/spec/suites/layer/TooltipSpec.js b/spec/suites/layer/TooltipSpec.js index 46e5a4425..91d991ff0 100644 --- a/spec/suites/layer/TooltipSpec.js +++ b/spec/suites/layer/TooltipSpec.js @@ -68,6 +68,18 @@ describe('Tooltip', function () { expect(spy.calledOnce).to.be(true); }); + it("has class leaflet-interactive", function () { + var layer = new L.Marker(center).addTo(map); + layer.bindTooltip('Tooltip', {permanent: true, interactive: true}); + expect(L.DomUtil.hasClass(layer._tooltip._container, 'leaflet-interactive')).to.be(true); + }); + + it("has not class leaflet-interactive", function () { + var layer = new L.Marker(center).addTo(map); + layer.bindTooltip('Tooltip', {permanent: true}); + expect(L.DomUtil.hasClass(layer._tooltip._container, 'leaflet-interactive')).to.be(false); + }); + it("can be forced on left direction", function () { var layer = new L.Marker(center).addTo(map); var spy = sinon.spy(); diff --git a/src/layer/Tooltip.js b/src/layer/Tooltip.js index fd0320c7d..3c3121b21 100644 --- a/src/layer/Tooltip.js +++ b/src/layer/Tooltip.js @@ -69,7 +69,7 @@ export var Tooltip = DivOverlay.extend({ this.setOpacity(this.options.opacity); if (this.options.interactive) { - DomUtil.addClass(this._container, 'leaflet-clickable'); + DomUtil.addClass(this._container, 'leaflet-interactive'); if (this._source) { this._source.addInteractiveTarget(this._container); } @@ -94,7 +94,7 @@ export var Tooltip = DivOverlay.extend({ DivOverlay.prototype.onRemove.call(this, map); if (this.options.interactive) { - DomUtil.removeClass(this._container, 'leaflet-clickable'); + DomUtil.removeClass(this._container, 'leaflet-interactive'); if (this._source) { this._source.removeInteractiveTarget(this._container); }