fix(ui): unable to select presets, sequences or groups when more than 42 items in list

Author: maxjoehnk

crates/ui/lib/panes/programmer/dialogs/select_preset_dialog.dart

@@ -22,14 +22,16 @@ class SelectPresetDialog extends StatelessWidget {
       content: Container(
         width: MAX_TILE_DIALOG_WIDTH,
         height: MAX_DIALOG_HEIGHT,
-        child: PanelGrid(
-            children: state
-                .getByPresetType(presetType)
-                .map((preset) => PanelGridTile.idWithText(
-                    id: preset.id.id.toString(),
-                    text: preset.label ?? "",
-                    onTap: () => Navigator.of(context).pop(preset.id)))
-                .toList()),
+        child: SingleChildScrollView(
+          child: PanelGrid(
+              children: state
+                  .getByPresetType(presetType)
+                  .map((preset) => PanelGridTile.idWithText(
+                      id: preset.id.id.toString(),
+                      text: preset.label ?? "",
+                      onTap: () => Navigator.of(context).pop(preset.id)))
+                  .toList()),
+        ),
       ),
       actions: [
         PopupAction("Cancel", () => Navigator.of(context).pop()),

crates/ui/lib/panes/programmer/dialogs/select_sequence_dialog.dart

@@ -19,20 +19,22 @@ class SelectSequenceDialog extends StatelessWidget {
       content: Container(
         width: MAX_TILE_DIALOG_WIDTH,
         height: MAX_DIALOG_HEIGHT,
-        child: FutureBuilder(
-            future: api.getSequences(),
-            builder: (context, AsyncSnapshot<Sequences> data) {
-              List<Sequence> sequences = data.hasData ? data.data!.sequences : [];
-              sequences.sort((lhs, rhs) => lhs.id - rhs.id);
+        child: SingleChildScrollView(
+          child: FutureBuilder(
+              future: api.getSequences(),
+              builder: (context, AsyncSnapshot<Sequences> data) {
+                List<Sequence> sequences = data.hasData ? data.data!.sequences : [];
+                sequences.sort((lhs, rhs) => lhs.id - rhs.id);
 
-              return PanelGrid(children: sequences
-                      .map((s) => PanelGridTile.idWithText(
-                            id: s.id.toString(),
-                            text: s.name,
-                            onTap: () => Navigator.of(context).pop(s),
-                          ))
-                      .toList());
-            }),
+                return PanelGrid(children: sequences
+                        .map((s) => PanelGridTile.idWithText(
+                              id: s.id.toString(),
+                              text: s.name,
+                              onTap: () => Navigator.of(context).pop(s),
+                            ))
+                        .toList());
+              }),
+        ),
       ),
       actions: [
         PopupAction("Cancel", () => Navigator.of(context).pop()),

crates/ui/lib/views/patch/dialogs/assign_fixtures_to_group_dialog.dart

@@ -61,14 +61,16 @@ class _AssignFixturesToGroupDialogState extends State<AssignFixturesToGroupDialo
       content: Container(
           width: MAX_TILE_DIALOG_WIDTH,
           height: MAX_DIALOG_HEIGHT,
-          child: PanelGrid(
-              children: widget.bloc.state.groups
-                  .map((g) => PanelGridTile.idWithText(
-                        id: "G${g.id}",
-                        text: g.name,
-                        onTap: () => Navigator.of(context).pop(_InternalDialogResult(g)),
-                      ))
-                  .toList())),
+          child: SingleChildScrollView(
+            child: PanelGrid(
+                children: widget.bloc.state.groups
+                    .map((g) => PanelGridTile.idWithText(
+                          id: "G${g.id}",
+                          text: g.name,
+                          onTap: () => Navigator.of(context).pop(_InternalDialogResult(g)),
+                        ))
+                    .toList()),
+          )),
       actions: [
         PopupAction("Cancel", () => Navigator.of(context).pop()),
         PopupAction("New Group", () => _newGroup(context))