Premium support for our pure JavaScript UI components


Post by bherford »

We'd like to increase the hover area around the dependency line, to make it easier for our users to view the dependency tooltip, and open the dependency edit dialog.

We'd like to keep the stroke width at 1px, but add a border, or padding to the stroke with an opacity of 0, so that it's easier to grab onto the line without missing it.

We are using the Angular advanced example as a base: https://www.bryntum.com/products/gantt/examples/frameworks/angular/advanced/dist/advanced/

Screenshot 2022-12-01 at 11.40.24 AM.png
Screenshot 2022-12-01 at 11.40.24 AM.png (43.46 KiB) Viewed 388 times

Post by mats »

That'd be a very nice UX improvement, but as far as we know it's simply not possible with SVG. If you know a trick to achieve it we'd love to hear it.

This ticket is here for tracking. https://github.com/bryntum/support/issues/41


Post by xnasav »

We have the same problem. Would it be possible to draw dependencies twice? One visible one and another one that's just used for the hover area? The color for the hover dependency can be set to transparent and the stroke area can then be increased to achieve the necessary area.


Post by alex.l »

Thanks for the tip! We will check it when we start work on the ticket.

All the best,
Alex


Post Reply