Merge pull request #1877 from EnsembleUI/textInput-Reader-Accessibility

Accessibility

Author: Umair-Manzoor-47

modules/ensemble/lib/layout/data_grid.dart

@@ -82,6 +82,11 @@ class DataGrid extends StatefulWidget
           controller.dataRowHeight = Utils.optionalDouble(val),
       'headingRowHeight': (val) =>
           controller.headingRowHeight = Utils.optionalDouble(val),
+      'scrollbarBehaviour': (val) =>
+          controller.scrollbarBehaviour =
+              Utils.getEnum<ScrollbarBehaviour>(val, ScrollbarBehaviour.values),
+      'thumbThickness': (val) =>
+          controller.thumbThickness = Utils.optionalDouble(val),
       'columnSpacing': (val) =>
           controller.columnSpacing = Utils.optionalDouble(val),
       'dividerThickness': (val) =>
@@ -184,7 +189,9 @@ class DataGridController extends BoxController {
   GenericTextController? headingTextController;
   double? dataRowHeight;
   double? headingRowHeight;
+  ScrollbarBehaviour? scrollbarBehaviour;
   double? columnSpacing;
+  double? thumbThickness;
   GenericTextController? dataTextController;
   double? dividerThickness;
   TableBorder border = const TableBorder();
@@ -268,6 +275,7 @@ class DataGridState extends EWidgetState<DataGrid>
   @override
   Widget buildWidget(BuildContext context) {
     ScopeManager? scopeManager = DataScopeWidget.getScope(context);
+    final ScrollController _scrollController = ScrollController();
     if (scopeManager == null) {
       throw Exception(
           'scopeManager is null in the DataGrid.buildWidget method. This is unexpected. DataGrid.id=${widget.id}');
@@ -311,13 +319,17 @@ class DataGridState extends EWidgetState<DataGrid>
     );
     return SingleChildScrollView(
       scrollDirection: Axis.vertical,
-      child: SingleChildScrollView(
-        scrollDirection: Axis.horizontal,
 
-        // DataTable requires all children to report their intrinsic height.
-        // Some widgets don't like that so we expose this so the widgets
-        // can react accordingly
-        child: RequiresChildWithIntrinsicDimension(child: grid),
+      child: RawScrollbar(
+        thickness: widget.controller.thumbThickness,
+        controller: _scrollController,
+        thumbVisibility: widget.controller.scrollbarBehaviour == ScrollbarBehaviour.static,
+        trackVisibility: widget.controller.scrollbarBehaviour == ScrollbarBehaviour.static,
+        child: SingleChildScrollView(
+          scrollDirection: Axis.horizontal,
+          controller: _scrollController,
+          child: RequiresChildWithIntrinsicDimension(child: grid),
+        ),
       ),
     );
   }
@@ -407,7 +419,7 @@ class DataGridState extends EWidgetState<DataGrid>
         if (kDebugMode) {
           print(
               'Number of DataGrid columns must be equal to the number of cells in each row. Number of DataGrid columns is ${_columns.length} '
-              'while number of cells in the row is ${cells.length}. We will try to match them to be the same');
+                 'while number of cells in the row is ${cells.length}. We will try to match them to be the same');
         }
         if (_columns.length > cells.length) {
           int diff = _columns.length - cells.length;
@@ -503,3 +515,7 @@ class DataGridState extends EWidgetState<DataGrid>
     }
   }
 }
+enum ScrollbarBehaviour{
+  static,
+  fade
+}

modules/ensemble/lib/widget/helpers/input_wrapper.dart

@@ -77,7 +77,14 @@ class InputWrapper extends StatelessWidget {
                   Theme.of(context).inputDecorationTheme.labelStyle,
             ),
           ),
-        widget,
+        // semantics for whatever text input comes through
+        MergeSemantics(
+          child: Semantics(
+              label: controller.label,
+              child: widget,
+            ),
+        ),
+
         if (shouldShowLabel && controller.description != null)
           Container(
             margin: const EdgeInsets.only(top: 12.0),