Page 1 of 1

[ANGULAR] Enhance dependency line hover area

Posted: Thu Dec 01, 2022 6:44 pm
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 654 times

Re: [ANGULAR] Enhance dependency line hover area

Posted: Thu Dec 01, 2022 10:47 pm
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


Re: [ANGULAR] Enhance dependency line hover area

Posted: Fri Dec 02, 2022 5:48 pm
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.


Re: [ANGULAR] Enhance dependency line hover area

Posted: Mon Dec 05, 2022 6:05 am
by alex.l

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