ben/brouter-web
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

Leaflet 1.0: fix also dragging map with opacity slider in Chrome;

Browse source 
update slider version; disable text selection while dragging in Firefox; 
no outline in Firefox
This commit is contained in:
Norbert Renner 2017-08-08 18:59:12 +02:00
parent 761a053b72
commit 76e2618bbf
3 changed files with 18 additions and 5 deletions
Download patch file Download diff file Expand all files Collapse all files

8
js/control/OpacitySlider.js
View file

@ -15,6 +15,9 @@ BR.OpacitySlider = L.Control.extend({
value = minOpacity;
}
// prevent also dragging map in Chrome
L.DomEvent.disableClickPropagation(container);
var stopClickAfterSlide = function(evt) {
L.DomEvent.stop(evt);
removeStopClickListeners();
@ -36,12 +39,17 @@ BR.OpacitySlider = L.Control.extend({
reversed : true,
selection: 'before', // inverted, serves as track style, see css
tooltip: 'hide'
}).on('slideStart', function (evt) {
// dragging beyond slider control selects zoom control +/- text in Firefox
L.DomUtil.disableTextSelection();
}).on('slide slideStop', { self: this }, function (evt) {
evt.data.self.options.callback(evt.value / 100);
}).on('slideStop', function (evt) {
if (BR.Util.localStorageAvailable()) {
localStorage.opacitySliderValue = evt.value;
}
L.DomUtil.enableTextSelection();
// When dragging outside slider and over map, click event after mouseup
// adds marker when active on Chromium. So disable click (not needed)