Add support for Two Dimensional Scroll across all panes in the app

[Udhay-Adithya]

Tell us about the task you want to perform and are unable to do so because the feature is not available

Currently, in panes where both horizontal and vertical scrolling are working as expected, but only one direction works at a time. This limits smooth navigation when dealing with large content requiring two-dimensional scroll support.

Steps to Reproduce:

1. Open a code pane with content that exceeds both width and height.
2. Try scrolling horizontally and vertically.
3. Notice that only one direction works at a time.

Expected Behavior:

1. The code panes should support simultaneous horizontal and vertical scrolling without interference.
2. Users should be able to freely navigate in both directions using a trackpad, mouse wheel, or gestures.

Current Behaviour:

Screen.Recording.2025-03-18.at.2.09.37.PM.mp4

Describe the solution/feature you'd like us to add

Add support for Two Dimensional Scroll across all panes in the app

Any other feedback you would like to provide

This might help: TwoDimensionalScrollView

[badnikhil]

Interactive viewer can also do the work maybe.

[connectwithpankaj]

@Udhay-Adithya
Add the below code in your splitview_drawer.dart file
body: SafeArea(
child: Scrollbar(
thumbVisibility: true,
child: SingleChildScrollView(
scrollDirection: Axis.vertical,
child: SingleChildScrollView(
scrollDirection: Axis.horizontal,
child: mainContent,
),
),
),
),

replacing this line
body: SafeArea(
child: mainContent,
),

[pratapsingh9]

@Udhay-Adithya please assign this to me

[Udhay-Adithya]

@Udhay-Adithya please assign this to me

You can raise a PR if you have solution to this. Also, read why we do not assign issues to anyone?

[connectwithpankaj]

ok @Udhay-Adithya i will raise a PR