Giters

nst-guide / web

Mapping website for National Scenic Trails

Home Page:https://nst.guide

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

Pinned tooltip

kylebarron opened this issue · comments

commented

Currently, it's impossible to touch a link in a tooltip because it's entirely driven by hover events. I can never click this link:
image

I like kepler.gl's solution to this. When you hover over a feature, it shows the tooltip automatically, and then removes it when you hover over something else or no feature.
image

But when you click on the feature, it additionally pins the tooltip (and shows a helpful UI indication that it's pinned), and so that tooltip will keep showing until you click somewhere else.
image

commented

Fixed with 1fde42b

A couple notes here:

  • Setting pointerEvents based on the state of pinned is necessary because
    otherwise I was getting flickering from the pointerEvent of the div
    conflicting with the pointerEvent of the Deck Map.