[ANGULAR] - Dependency lines don't seem to be visisble

[peterjc]

Hi, I was interested in adding dependencies to my existing scheduler v3.1.3 which I am using in an Ionic 4/Angular 8 project.

I had a look here https://www.bryntum.com/docs/scheduler/#Scheduler/feature/Dependencies#function-draw, and I just added the following....

1.png (48.08 KiB) Viewed 788 times

I have done nothing else. When I run it, I get the dependency "nodes"" and I am able to drag a line from one event to another...

2.png (20.56 KiB) Viewed 788 times

However, once I let go, I can't see any line being drawn.

It seems to be there, and I have played with the line css (eg made red)..

3.png (63.78 KiB) Viewed 788 times

but it still does not show.

I also tried adding one by code with the following test code...

private addDependencies(eventsToAdd: Array<EventState>): void  {
    let depId = 1;
    const deps = [];
    for (let ev of eventsToAdd) {
      for (let pred of ev.predecessorIds) {
        const dep = { id: depId++, from: pred, to: task.id };
        deps.push(dep);
      }    

    }
    this.scheduler.dependencyStore.add(deps);

const depFound = this.scheduler.dependencyStore.getById(1);
  }

In the above, the call to

this.scheduler.dependencyStore.getById(1)

returned an object (so it was found I assume)
but same thing.

Is there anything else I need to do / css I need to have them display?

Thanks in advance?

2.png (20.56 KiB) Viewed 788 times

[alex.l]

Hi peterjc,

I checked this in angular-8 example using Scheduler 3.1.3 and Scheduler 3.1.9 versions - all works as expected. Sounds like something related to your app. Could you try to reproduce this using our example with Angular 8?
Or attach a test case that allows us to reproduce it.

All best,
Alex.

[peterjc]

Hi Alex, I think I found the problem.

In the Ionic global.scss we have the following...

@import '~@ionic/angular/css/normalize.css';

And I can see that this puts an overflow of hidden on svg, so this is not allowing the polyline to draw outside of the svg...

2020-09-09_18-03-24.png (181.58 KiB) Viewed 781 times

If I remove that overflow:hidden, I get my lines.

I'll just add it to my css.

Cheers

[peterjc]

Hi again, just confirmed the following fixed the problem...

.b-sch-foreground-canvas {
    svg {
      overflow: visible;
    }
  }

Cheers

[saki]

Is the issue fully fixed for you or you need a further assistance?

[peterjc]

Hi saki, yes completely fixed for me.

Thankyou, no further assistance required