archive-gh-me/Leaflet
1
0
Fork 0
mirror of https://github.com/Leaflet/Leaflet.git synced 2026-02-01 17:27:23 +00:00
Code Issues Projects Releases Wiki Activity

Change Tooltip class from leaflet-clickable to leaflet-interactive (#7719)

Browse Source
This commit is contained in:
Falke Design 2021-11-01 11:57:59 +01:00 committed by GitHub
parent 61eb5f1dca
commit 7ef9ae95d6
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 15 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
dist/leaflet.css vendored
View File

@ -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;
}

12
spec/suites/layer/TooltipSpec.js
View File

@ -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();

4
src/layer/Tooltip.js
View File

@ -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);
}