Need help to how make a linear-gradient on a line

[Apollo-Roboto]

I have a Path with a single line that I use as edges to connect elements on a graph, I needed to give it a gradient to have some sense of direction.

This sounded simple to me at first, but the gradient wasn't behaving how I expected. The gradient should either be applied to the whole view port of the Path or to the bounds of the lines within. I might be hitting this issue with the Path component: #6966

Here's what I have so far on SlintPad. It really only looks correct in the top left corner

edge_issue.mp4

I'm also curious to know if there are other ways to make lines in this fashion.

Any help will be super appreciated, thank you :)

[Apollo-Roboto]

The Slint extension on Zed mislead me by not knowing about transform-rotation 😭
I'll try by rotating a Rectangle, this should be much better now

[Apollo-Roboto]

I have a solution using the transform-rotation property

link to SlintPad

I ended up not liking the rectangle from it's rough edges at specific angles so I used the rotation on the Path and that worked well.

[Apollo-Roboto]

Some new issues now, the rotation seems to mess with the rendering. I cannot have those edges going off screen anymore.

I recorded the behaviour:

2025-11-05_18-32-55.mp4

[ogoffart]

This looks interresting.
The clipping could be a bug, but it is hard to say without seeing the code.

[Apollo-Roboto]

Thanks for taking a look! In that example I have my own PanView component. Here I put together a little sample that shows that bug well.
SlintPad

This also happens with the ScrollView component.
SlintPad

And side little note, as I experiment with different components, both Edges that I built earlier (from Path and Rectangle) have the bug too.

I hope this is clear enough :)

[ogoffart]

This is indeed a bug. Filled #10037