Say you wanted to have focus-rings on mousing over municipalities like so
path:hover {stroke: purple; stroke-width: 3;}
just add this line in the style section of
https://github.com/floledermann/mapmap-examples/blob/master/tutorial/basics.html
This will work as expected in all browsers except Firefox when you also have .hoverInfo invoked. If you take out .hoverInfo and leave the zoom behavior in, the css based path:hover will also work in Firefox.
Now I can see mapmap.js provides something like
hoverEl.on('mouseenter', function() {
hoverEl.css(options.hoverEnterStyle);
}).on('mouseleave', function() {
hoverEl.css(options.hoverLeaveStyle);
but I couldn't get it to do the focus rings I wanted.
In analyzing this issue I found some duplicate use of pointer events (as attribute and as style) in the path elements mapmap.js creates, but they seem unrelated
Say you wanted to have focus-rings on mousing over municipalities like so
just add this line in the style section of
https://github.com/floledermann/mapmap-examples/blob/master/tutorial/basics.html
This will work as expected in all browsers except Firefox when you also have
.hoverInfoinvoked. If you take out .hoverInfo and leave the zoom behavior in, the css based path:hover will also work in Firefox.Now I can see mapmap.js provides something like
but I couldn't get it to do the focus rings I wanted.
In analyzing this issue I found some duplicate use of pointer events (as attribute and as style) in the path elements mapmap.js creates, but they seem unrelated