I’m creating a (Ubuntu) desktop app with a DropwdownMenu. Here’s a screenshot. The Text that says “Notebook:” is not part of the DropdownMenu. Here’s the code for the menu:

                         DropdownMenu<String>(
                            controller: notebookController,
                            width: 300,
                            inputDecorationTheme:
                                const InputDecorationTheme(
                              border: null,
                            ),
                            dropdownMenuEntries: List.generate(
                              notebooksList.length,
                              (index) => DropdownMenuEntry(
                                value: notebooksList[index],
                                label: notebooksList[index],
                              ),
                            ),
                            onSelected: (value) {
                              print(notebookController.text);
                            },
                          ),

When a user clicks to select a dropdown item, or manually types in the text box, the entire Container (everything to the right of the vertical separator line) bounces to the left with each click or keystroke. It’s kinda’ weird.

Does anyone know what causes this, and how to stop the bouncing?

P.S. The issue is not related to the width or inputDecorationTheme parameters.