#make handles bigger for grabbing

1 messages · Page 1 of 1 (latest)

desert coral
#

Is there a reliable way to make handles bigger, I want to be able to make connections on a touch device and it’s pretty much impossible. Tired the workaround in the general discussion but it isn’t working.

ashen geyser
#

The example you refer to used a div as a child to the Handle to try to broaden the area for the handle trigger
Doesn't seem to work though from my observations, since the click/drag isn't really triggered on the element that has the actual the event listener bound to it, so the child div doesn't really help, neither if you add pointer-events: none to it

But what does work is using the same concept of that example and applying it to, for example, an ::after pseudo-element

.custom-handle::after {
  content: "";
  position: absolute;
  width: 50px;
  height: 25px;
  transform: translate(-50%, -50%);
  border-radius: 100%;
  opacity: 0;
}