Gutter does not scroll with the code editor

[livtanong]

How to reproduce:

1. Set CodeField expands: true
2. Enable line numbers for easier visibility
3. Add more lines than can fit in the view to trigger the scroll view
4. Scroll the code field
5. You'll see that the gutter remains stationary.

Insights

Inspection of the code reveals that the gutter is inside a Row, alongside the editing field. The scroll view is inside the editing field, which means that as the current structure stands, the gutter can never scroll, with code. A significant refactor will need to be done, in order for the gutter to behave as expected.

[AthulNoobie]

same issue. Any solution yet?

[UbayGD]

I'm having a look at this, although I haven't had much time. Hopefully I can do a PR soon 🤞

[deba33]

same issue; any alternatives?

[livtanong]

same issue; any alternatives?

What I've been doing is setting expands: false and wrapping the code editor in a SingleChildScrollView, so that the entire editor scrolls.

[deba33]

same issue; any alternatives?

What I've been doing is setting expands: false and wrapping the code editor in a SingleChildScrollView, so that the entire editor scrolls.

Will try that for sure.
Edit: Scrolling on the Gutter works. But Gutter did not properly align with the code lines.

[UbayGD]

same issue; any alternatives?

What I've been doing is setting expands: false and wrapping the code editor in a SingleChildScrollView, so that the entire editor scrolls.

Will try that for sure. Edit: Scrolling on the Gutter works. But Gutter did not properly align with the code lines.

I think that in this issue someone post a workaround #286