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.

[heckmon]

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

[ViscousPot]

Got a fix for this if anyone still needs it, assuming you use

gutterStyle: GutterStyle(
  textStyle: TextStyle(height: 1.5)
)

#307

[heckmon]

@ViscousPot

if you are free, please consider contributing to this package https://github.com/heckmon/flutter_code_crafter

[ViscousPot]

@heckmon Oh wow, amazing, I don't know how I didn't come across this earlier! Definitely happy to contribute and I'm probably going to migrate my uses of this package over since that does look better maintained right now :)

Curious if there's anything in particular you would want my eyes on?
I have been working on fork of code-editor that includes arbitrary sized file reading using chunking and some other fun stuff. I would probably path it into code-crafter anyways because I personally need the functionality, so would be happy to make a PR

[heckmon]

@ViscousPot Thanks for the reply ☺️.
Currently I'm tied up with my College exams and no time to maintain code-crafter.
If you have time, these are the fixes and features to be implemented:

• Bug: The LSP suggestions and hover details still persist after navigating to another page.

• Bug: setting wrapLines: false behaves weirdly on PC on tab key press.

• Bug: When EditorField class is used with the CodeArea, the selection tools won't appear on Android. Don't know about IOS.

• Feature: Highlight vertical editor lines on placing cursor on corresponding braces.

• Feature: Enhance findWord() function in CodeCrafterController by adding RegExp based searching.

• Feature: Add foldAt function to CodeCrafterController to toggle folding programmatically.

• Feature: Add Inner padding in CodeCrafter widget.

[ViscousPot]

@heckmon
Totally understand, thanks for the list, I'll make my way through when I have time.

I think the first thing I'm actually going to focus on is adding that arbitrary file size handling thing I mentioned. I do appreciate that there is at least file handling already in there :) Also, there's some strange behaviour with the textediting controller where you can't set through .text or .value. Should be an easy enough fix.
Want to add that I may not look at desktop specific stuff at all because my main knowledge is in mobile

Just one clarification needed here. What are the "vertical editor lines" referring to?

We can continue comms through email if you prefer: viscouspotential@gmail.com