diff --git a/.github/workflows/pr_validation.yml b/.github/workflows/pr_validation.yml
index 66bc3c3..2e53696 100644
--- a/.github/workflows/pr_validation.yml
+++ b/.github/workflows/pr_validation.yml
@@ -1,7 +1,7 @@
 name: Run analysis and tests for pull requests
 on: [pull_request]
 jobs:
-  test:
+  analysis:
     runs-on: ubuntu-latest
     steps:
       # Checkout the PR branch
@@ -18,6 +18,20 @@ jobs:
       # Static analysis
       - run: flutter analyze
 
+  test:
+    runs-on: ubuntu-latest
+    steps:
+      # Checkout the PR branch
+      - uses: actions/checkout@v3
+
+      # Setup Flutter environment
+      - uses: subosito/flutter-action@v2
+        with:
+          channel: "stable"
+
+      # Download all the packages that the app uses
+      - run: flutter pub get
+
       # Run all tests
       - run: flutter test
 
@@ -36,8 +50,5 @@ jobs:
       # Download all the packages that the app uses
       - run: flutter pub get
 
-      # Static analysis
-      - run: flutter analyze
-
       # Run all tests
       - run: flutter test test_goldens
diff --git a/example/analysis_options.yaml b/example/analysis_options.yaml
index 61b6c4d..cd3b168 100644
--- a/example/analysis_options.yaml
+++ b/example/analysis_options.yaml
@@ -22,7 +22,7 @@ linter:
   # `// ignore_for_file: name_of_lint` syntax on the line or in the file
   # producing the lint.
   rules:
-    # avoid_print: false  # Uncomment to disable the `avoid_print` rule
+    avoid_print: false  # Uncomment to disable the `avoid_print` rule
     # prefer_single_quotes: true  # Uncomment to enable the `prefer_single_quotes` rule
 
 # Additional information about this file can be found at
diff --git a/example/lib/demos/demo_dropdown_list.dart b/example/lib/demos/demo_dropdown_list.dart
new file mode 100644
index 0000000..ee89ff5
--- /dev/null
+++ b/example/lib/demos/demo_dropdown_list.dart
@@ -0,0 +1,385 @@
+import 'package:example/infrastructure/button.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+import 'package:overlord/overlord.dart';
+
+/// Demo that shows how to use a [PopoverScaffold] to build a button that
+/// displays a dropdown list.
+class DropdownListDemo extends StatefulWidget {
+  const DropdownListDemo({Key? key}) : super(key: key);
+
+  @override
+  State<DropdownListDemo> createState() => _DropdownListDemoState();
+}
+
+class _DropdownListDemoState extends State<DropdownListDemo> {
+  late final PopoverController _menuController;
+
+  final _runConfigurations = [
+    RunConfiguration(
+      key: GlobalKey(),
+      icon: const FlutterLogo(size: 18),
+      name: "Super Editor",
+    ),
+    RunConfiguration(
+      key: GlobalKey(),
+      icon: const FlutterLogo(size: 18),
+      name: "Super Reader",
+    ),
+    RunConfiguration(
+      key: GlobalKey(),
+      icon: const FlutterLogo(size: 18),
+      name: "Super Text Field",
+    ),
+    RunConfiguration(
+      key: GlobalKey(),
+      icon: const FlutterLogo(size: 18),
+      name: "Docs",
+    ),
+  ];
+
+  RunConfiguration? _selectedConfiguration;
+
+  @override
+  void initState() {
+    super.initState();
+    _menuController = PopoverController();
+  }
+
+  @override
+  void dispose() {
+    _menuController.dispose();
+    super.dispose();
+  }
+
+  void _onEditConfigurationSelected() {
+    _menuController.close();
+  }
+
+  void _onRunConfigurationSelected(RunConfiguration config) {
+    _menuController.close();
+
+    setState(() {
+      _selectedConfiguration = config;
+    });
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Center(
+      child: PopoverScaffold(
+        controller: _menuController,
+        buttonBuilder: (BuildContext context) {
+          return AndroidStudioRunConfigDropdown(
+            child: _RunConfigurationListItem(
+              icon: _selectedConfiguration?.icon,
+              label: _selectedConfiguration?.name ?? "None",
+              isSelected: _selectedConfiguration != null,
+            ),
+            onPressed: () => _menuController.toggle(),
+          );
+        },
+        popoverGeometry: const PopoverGeometry(
+          aligner: MenuPopoverAligner(gap: Offset(0, 2)),
+        ),
+        popoverBuilder: (BuildContext context) {
+          return AndroidStudioRunConfigurationList(
+            runConfigurations: _runConfigurations,
+            selectedConfiguration: _selectedConfiguration,
+            onEditConfigurationsSelected: _onEditConfigurationSelected,
+            onRunConfigurationSelected: _onRunConfigurationSelected,
+          );
+        },
+      ),
+    );
+  }
+}
+
+class RunConfiguration {
+  const RunConfiguration({
+    required this.key,
+    this.icon,
+    required this.name,
+  });
+
+  final GlobalKey key;
+  final Widget? icon;
+  final String name;
+}
+
+class AndroidStudioRunConfigDropdown extends StatelessWidget {
+  const AndroidStudioRunConfigDropdown({
+    super.key,
+    this.onPressed,
+    required this.child,
+  });
+
+  final VoidCallback? onPressed;
+  final Widget child;
+
+  @override
+  Widget build(BuildContext context) {
+    return Button(
+      padding: const EdgeInsets.only(left: 0, top: 2, bottom: 2, right: 2),
+      background: const Color(0xFF2F2F2F),
+      backgroundOnHover: const Color(0xFF333333),
+      backgroundOnPress: const Color(0xFF353535),
+      border: BorderSide(color: Colors.white.withOpacity(0.1), width: 1),
+      borderRadius: BorderRadius.circular(4),
+      onPressed: onPressed,
+      child: Row(
+        mainAxisSize: MainAxisSize.min,
+        crossAxisAlignment: CrossAxisAlignment.center,
+        children: [
+          child,
+          const Icon(Icons.arrow_drop_down),
+        ],
+      ),
+    );
+  }
+}
+
+class AndroidStudioRunConfigurationList extends StatefulWidget {
+  const AndroidStudioRunConfigurationList({
+    super.key,
+    required this.runConfigurations,
+    this.selectedConfiguration,
+    required this.onEditConfigurationsSelected,
+    required this.onRunConfigurationSelected,
+  });
+
+  final List<RunConfiguration> runConfigurations;
+
+  final RunConfiguration? selectedConfiguration;
+
+  final VoidCallback onEditConfigurationsSelected;
+
+  final void Function(RunConfiguration runConfiguration) onRunConfigurationSelected;
+
+  @override
+  State<AndroidStudioRunConfigurationList> createState() => _AndroidStudioRunConfigurationListState();
+}
+
+class _AndroidStudioRunConfigurationListState extends State<AndroidStudioRunConfigurationList> {
+  final _listFocusNode = FocusNode();
+  final _editConfigurationsKey = GlobalKey();
+
+  late GlobalKey _activeItemKey;
+
+  @override
+  void initState() {
+    super.initState();
+
+    _listFocusNode.requestFocus();
+
+    _activeItemKey = _editConfigurationsKey;
+  }
+
+  @override
+  void dispose() {
+    _listFocusNode.dispose();
+    super.dispose();
+  }
+
+  KeyEventResult _onKeyEvent(FocusNode focusNode, KeyEvent event) {
+    if (event is! KeyDownEvent && event is! KeyRepeatEvent) {
+      return KeyEventResult.ignored;
+    }
+
+    if (!const [LogicalKeyboardKey.arrowUp, LogicalKeyboardKey.arrowDown, LogicalKeyboardKey.enter]
+        .contains(event.logicalKey)) {
+      return KeyEventResult.ignored;
+    }
+
+    int activeIndex = _activeIndex;
+
+    if (event.logicalKey == LogicalKeyboardKey.arrowUp && activeIndex > 0) {
+      setState(() {
+        _activateItemAt(activeIndex - 1);
+      });
+      return KeyEventResult.handled;
+    }
+
+    if (event.logicalKey == LogicalKeyboardKey.arrowDown && activeIndex < _listLength - 1) {
+      setState(() {
+        _activateItemAt(activeIndex + 1);
+      });
+      return KeyEventResult.handled;
+    }
+
+    if (event.logicalKey == LogicalKeyboardKey.enter) {
+      if (activeIndex == 0) {
+        widget.onEditConfigurationsSelected();
+      } else {
+        widget.onRunConfigurationSelected(widget.runConfigurations[activeIndex - 1]);
+      }
+    }
+
+    return KeyEventResult.ignored;
+  }
+
+  int get _activeIndex => _activeItemKey == _editConfigurationsKey //
+      ? 0
+      : widget.runConfigurations.indexWhere((element) => element.key == _activeItemKey) + 1;
+
+  int get _listLength => widget.runConfigurations.length + 1;
+
+  void _activateItemAt(int index) {
+    if (index == 0) {
+      _activeItemKey = _editConfigurationsKey;
+      return;
+    }
+
+    _activeItemKey = widget.runConfigurations[index - 1].key;
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Focus(
+      focusNode: _listFocusNode,
+      onKeyEvent: _onKeyEvent,
+      child: Container(
+        width: 200,
+        padding: const EdgeInsets.symmetric(vertical: 4),
+        decoration: BoxDecoration(
+          color: const Color(0xFF2F2F2F),
+          borderRadius: BorderRadius.circular(4),
+          border: Border.all(color: Colors.white.withOpacity(0.1), width: 1),
+        ),
+        child: Column(
+          mainAxisSize: MainAxisSize.min,
+          crossAxisAlignment: CrossAxisAlignment.stretch,
+          children: [
+            AndroidStudioRunConfigurationListItem(
+              key: _editConfigurationsKey,
+              isActive: _activeItemKey == _editConfigurationsKey,
+              onHoverEnter: () {
+                setState(() {
+                  _activeItemKey = _editConfigurationsKey;
+                });
+              },
+              onPressed: widget.onEditConfigurationsSelected,
+              child: const Text(
+                "Edit Configurations...",
+                textAlign: TextAlign.center,
+              ),
+            ),
+            const Divider(),
+            Padding(
+              padding: const EdgeInsets.only(left: 8, right: 8, bottom: 4),
+              child: Text(
+                "Run Configurations",
+                style: TextStyle(
+                  color: Colors.white.withOpacity(0.3),
+                  fontWeight: FontWeight.bold,
+                ),
+              ),
+            ),
+            for (final config in widget.runConfigurations)
+              AndroidStudioRunConfigurationListItem(
+                key: config.key,
+                isActive: _activeItemKey == config.key,
+                onHoverEnter: () {
+                  setState(() {
+                    _activeItemKey = config.key;
+                  });
+                },
+                onPressed: () => widget.onRunConfigurationSelected(config),
+                child: _RunConfigurationListItem(
+                  icon: config.icon,
+                  label: config.name,
+                  isSelected: widget.selectedConfiguration == config,
+                ),
+              ),
+          ],
+        ),
+      ),
+    );
+  }
+}
+
+class AndroidStudioRunConfigurationListItem extends StatelessWidget {
+  const AndroidStudioRunConfigurationListItem({
+    super.key,
+    required this.isActive,
+    this.onHoverEnter,
+    this.onHoverExit,
+    this.onPressed,
+    required this.child,
+  });
+
+  /// Whether this list item is currently the active item in the list, e.g.,
+  /// the item that's focused, or hovered, and should be visually selected.
+  final bool isActive;
+
+  final VoidCallback? onHoverEnter;
+
+  final VoidCallback? onHoverExit;
+
+  final VoidCallback? onPressed;
+
+  final Widget child;
+
+  @override
+  Widget build(BuildContext context) {
+    return MouseRegion(
+      cursor: SystemMouseCursors.click,
+      onEnter: (_) => onHoverEnter?.call(),
+      onExit: (_) => onHoverExit?.call(),
+      child: GestureDetector(
+        onTap: onPressed,
+        child: Container(
+          color: isActive ? Colors.blue : Colors.transparent,
+          padding: const EdgeInsets.symmetric(horizontal: 4, vertical: 2),
+          child: child,
+        ),
+      ),
+    );
+  }
+}
+
+class _RunConfigurationListItem extends StatelessWidget {
+  const _RunConfigurationListItem({
+    this.icon,
+    required this.label,
+    this.isSelected = false,
+  });
+
+  final Widget? icon;
+  final String label;
+  final bool isSelected;
+
+  @override
+  Widget build(BuildContext context) {
+    return Row(
+      mainAxisSize: MainAxisSize.min,
+      crossAxisAlignment: CrossAxisAlignment.center,
+      children: [
+        const SizedBox(width: 4),
+        if (icon != null) //
+          Stack(
+            clipBehavior: Clip.none,
+            children: [
+              icon!,
+              if (isSelected) //
+                Positioned.fill(
+                  child: Align(
+                    alignment: const Alignment(1.1, 1.1),
+                    child: Container(
+                      width: 5,
+                      height: 5,
+                      decoration: const BoxDecoration(
+                        shape: BoxShape.circle,
+                        color: Colors.green,
+                      ),
+                    ),
+                  ),
+                ),
+            ],
+          ),
+        const SizedBox(width: 6),
+        Text(label),
+      ],
+    );
+  }
+}
diff --git a/example/lib/demos/demo_dropdown_menu.dart b/example/lib/demos/demo_dropdown_menu.dart
new file mode 100644
index 0000000..0d97aea
--- /dev/null
+++ b/example/lib/demos/demo_dropdown_menu.dart
@@ -0,0 +1,650 @@
+import 'package:example/infrastructure/button.dart';
+import 'package:flutter/material.dart';
+import 'package:flutter/services.dart';
+import 'package:overlord/overlord.dart';
+
+/// Demo that shows how to use a [PopoverScaffold] to build a button that
+/// displays a multi-level dropdown menu.
+class DropdownMenuDemo extends StatefulWidget {
+  const DropdownMenuDemo({Key? key}) : super(key: key);
+
+  @override
+  State<DropdownMenuDemo> createState() => _DropdownMenuDemoState();
+}
+
+class _DropdownMenuDemoState extends State<DropdownMenuDemo> {
+  final _menuController = MultiLevelMenuController();
+
+  @override
+  void dispose() {
+    _menuController.dispose();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Align(
+      alignment: const Alignment(-0.75, -0.8),
+      child: Row(
+        mainAxisSize: MainAxisSize.min,
+        children: [
+          AppButton(
+            menuController: _menuController,
+          ),
+          MenuButton(
+            isMenuOpen: false,
+            onPressed: () {},
+            child: const Text('Edit'),
+          ),
+          MenuButton(
+            isMenuOpen: false,
+            onPressed: () {},
+            child: const Text('View'),
+          ),
+          MenuButton(
+            isMenuOpen: false,
+            onPressed: () {},
+            child: const Text('Window'),
+          ),
+          MenuButton(
+            isMenuOpen: false,
+            onPressed: () {},
+            child: const Text('Help'),
+          ),
+        ],
+      ),
+    );
+  }
+}
+
+class AppButton extends StatefulWidget {
+  const AppButton({
+    super.key,
+    required this.menuController,
+  });
+
+  final MultiLevelMenuController menuController;
+
+  @override
+  State<AppButton> createState() => _AppButtonState();
+}
+
+class _AppButtonState extends State<AppButton> {
+  late final PopoverController _popoverController;
+
+  @override
+  void initState() {
+    super.initState();
+    _popoverController = PopoverController();
+  }
+
+  @override
+  void didUpdateWidget(AppButton oldWidget) {
+    super.didUpdateWidget(oldWidget);
+  }
+
+  @override
+  void dispose() {
+    _popoverController.dispose();
+    super.dispose();
+  }
+
+  void _onMenuItemPressed(MenuItem menuItem) {
+    _popoverController.close();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return PopoverScaffold(
+      controller: _popoverController,
+      buttonBuilder: (BuildContext context) {
+        return ListenableBuilder(
+          listenable: _popoverController,
+          builder: (context, child) {
+            return MenuButton(
+              isMenuOpen: _popoverController.shouldShow,
+              onPressed: () => _popoverController.toggle(),
+              child: const Text('File'),
+            );
+          },
+        );
+      },
+      popoverGeometry: const PopoverGeometry(
+        aligner: MenuPopoverAligner(gap: Offset.zero),
+      ),
+      popoverBuilder: (BuildContext context) {
+        return MenuList(
+          menuController: widget.menuController,
+          menu: _fileMenu,
+          onMenuItemSelected: _onMenuItemPressed,
+        );
+      },
+    );
+  }
+}
+
+class MenuButton extends StatelessWidget {
+  const MenuButton({
+    super.key,
+    required this.isMenuOpen,
+    this.onPressed,
+    required this.child,
+  });
+
+  final bool isMenuOpen;
+  final VoidCallback? onPressed;
+  final Widget child;
+
+  @override
+  Widget build(BuildContext context) {
+    return Button(
+      padding: const EdgeInsets.only(left: 12, top: 4, bottom: 6, right: 12),
+      background: isMenuOpen ? const Color(0xFF333333) : Colors.transparent,
+      backgroundOnHover: const Color(0xFF333333),
+      backgroundOnPress: const Color(0xFF353535),
+      borderRadius: BorderRadius.circular(2),
+      onPressed: onPressed,
+      child: child,
+    );
+  }
+}
+
+class MenuList extends StatefulWidget {
+  const MenuList({
+    super.key,
+    required this.menuController,
+    required this.menu,
+    required this.onMenuItemSelected,
+  });
+
+  final MultiLevelMenuController menuController;
+  final MenuGroup menu;
+
+  final void Function(MenuItem menuItem) onMenuItemSelected;
+
+  @override
+  State<MenuList> createState() => _MenuListState();
+}
+
+class _MenuListState extends State<MenuList> {
+  final _listFocusNode = FocusNode();
+
+  final _menuItemsToKeys = <String, GlobalKey>{};
+  final _keysToMenuItems = <GlobalKey, MenuItem>{};
+  final _keysInOrder = <GlobalKey>[];
+
+  GlobalKey? _activeItemKey;
+
+  @override
+  void initState() {
+    super.initState();
+
+    _listFocusNode.requestFocus();
+
+    _updateGlobalKeyMaps();
+  }
+
+  @override
+  void didUpdateWidget(MenuList oldWidget) {
+    super.didUpdateWidget(oldWidget);
+
+    if (widget.menu != oldWidget.menu) {
+      _updateGlobalKeyMaps();
+    }
+  }
+
+  @override
+  void dispose() {
+    _listFocusNode.dispose();
+    super.dispose();
+  }
+
+  void _updateGlobalKeyMaps() {
+    _menuItemsToKeys.clear();
+    _keysToMenuItems.clear();
+
+    for (final group in widget.menu.groupedItems) {
+      for (final item in group) {
+        final key = GlobalKey(debugLabel: item.id);
+        _menuItemsToKeys[item.id] = key;
+        _keysToMenuItems[key] = item;
+        _keysInOrder.add(key);
+      }
+    }
+  }
+
+  KeyEventResult _onKeyEvent(FocusNode focusNode, KeyEvent event) {
+    if (event is! KeyDownEvent && event is! KeyRepeatEvent) {
+      return KeyEventResult.ignored;
+    }
+
+    if (!const [LogicalKeyboardKey.arrowUp, LogicalKeyboardKey.arrowDown, LogicalKeyboardKey.enter]
+        .contains(event.logicalKey)) {
+      return KeyEventResult.ignored;
+    }
+
+    int activeIndex = _activeIndex;
+
+    if (event.logicalKey == LogicalKeyboardKey.arrowUp && activeIndex > 0) {
+      setState(() {
+        _activateItemAt(activeIndex - 1);
+      });
+      return KeyEventResult.handled;
+    }
+
+    if (event.logicalKey == LogicalKeyboardKey.arrowDown && activeIndex < widget.menu.length - 1) {
+      setState(() {
+        _activateItemAt(activeIndex + 1);
+      });
+      return KeyEventResult.handled;
+    }
+
+    if (event.logicalKey == LogicalKeyboardKey.enter) {
+      widget.onMenuItemSelected(widget.menu.getItemAt(activeIndex));
+    }
+
+    return KeyEventResult.ignored;
+  }
+
+  int get _activeIndex => _activeItemKey != null ? _keysInOrder.indexOf(_activeItemKey!) : -1;
+
+  void _activateItemAt(int index) {
+    _activeItemKey = _menuItemsToKeys[widget.menu.getItemAt(index)]!;
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Focus(
+      focusNode: _listFocusNode,
+      onKeyEvent: _onKeyEvent,
+      child: Container(
+        width: 275,
+        padding: const EdgeInsets.symmetric(vertical: 4),
+        decoration: BoxDecoration(
+          color: const Color(0xFF2F2F2F),
+          borderRadius: BorderRadius.circular(4),
+          border: Border.all(color: Colors.white.withOpacity(0.1), width: 1),
+        ),
+        child: SingleChildScrollView(
+          child: Column(
+            mainAxisSize: MainAxisSize.min,
+            crossAxisAlignment: CrossAxisAlignment.stretch,
+            children: [
+              for (final group in widget.menu.groupedItems) ...[
+                for (final item in group)
+                  MenuListItem(
+                    key: _menuItemsToKeys[item.id],
+                    menuController: widget.menuController,
+                    menuItem: item,
+                    isActive: _activeItemKey == _menuItemsToKeys[item.id],
+                    onHoverEnter: () {
+                      setState(() {
+                        widget.menuController.show(item.path);
+                        _activeItemKey = _menuItemsToKeys[item.id];
+                      });
+                    },
+                    onPressed: () => widget.onMenuItemSelected(item),
+                  ),
+                if (group != widget.menu.groupedItems.last) //
+                  const Divider(),
+              ],
+            ],
+          ),
+        ),
+      ),
+    );
+  }
+}
+
+class MenuListItem extends StatefulWidget {
+  const MenuListItem({
+    super.key,
+    required this.menuController,
+    required this.menuItem,
+    required this.isActive,
+    this.onHoverEnter,
+    this.onHoverExit,
+    this.onPressed,
+  });
+
+  final MultiLevelMenuController menuController;
+
+  final MenuItem menuItem;
+
+  /// Whether this list item is currently the active item in the list, e.g.,
+  /// the item that's focused, or hovered, and should be visually selected.
+  final bool isActive;
+
+  final VoidCallback? onHoverEnter;
+
+  final VoidCallback? onHoverExit;
+
+  final VoidCallback? onPressed;
+
+  @override
+  State<MenuListItem> createState() => _MenuListItemState();
+}
+
+class _MenuListItemState extends State<MenuListItem> {
+  late final PopoverController _popoverController;
+
+  @override
+  void initState() {
+    super.initState();
+    _popoverController = PopoverController();
+
+    widget.menuController.addListener(_onMenuChange);
+  }
+
+  @override
+  void didUpdateWidget(MenuListItem oldWidget) {
+    super.didUpdateWidget(oldWidget);
+
+    if (widget.menuController != oldWidget.menuController) {
+      oldWidget.menuController.removeListener(_onMenuChange);
+      widget.menuController.addListener(_onMenuChange);
+    }
+  }
+
+  @override
+  void dispose() {
+    widget.menuController.removeListener(_onMenuChange);
+
+    _popoverController.dispose();
+    super.dispose();
+  }
+
+  void _onMenuChange() {
+    if (widget.menuItem.subMenu != null &&
+        widget.menuController.visiblePath?.containsPath(widget.menuItem.path) == true) {
+      _popoverController.open();
+    } else {
+      _popoverController.close();
+    }
+  }
+
+  void _onHoverEnter() {
+    widget.onHoverEnter?.call();
+  }
+
+  void _onMenuItemPressed(MenuItem menuItem) {}
+
+  @override
+  Widget build(BuildContext context) {
+    return PopoverScaffold(
+      controller: _popoverController,
+      buttonBuilder: (BuildContext context) {
+        return ListenableBuilder(
+          listenable: _popoverController,
+          builder: (context, child) {
+            return _buildListItem();
+          },
+        );
+      },
+      popoverGeometry: const PopoverGeometry(
+        aligner: MenuPopoverAligner(
+          contentAnchor: Alignment.topRight,
+          popoverAnchor: Alignment.topLeft,
+          gap: Offset(-4, 0),
+        ),
+      ),
+      popoverBuilder: (BuildContext context) {
+        return MenuList(
+          menuController: widget.menuController,
+          menu: widget.menuItem.subMenu!,
+          onMenuItemSelected: _onMenuItemPressed,
+        );
+      },
+    );
+  }
+
+  Widget _buildListItem() {
+    return MouseRegion(
+      cursor: SystemMouseCursors.click,
+      onEnter: (_) => _onHoverEnter(),
+      onExit: (_) => widget.onHoverExit?.call(),
+      child: GestureDetector(
+        onTap: widget.onPressed,
+        child: Container(
+          color: widget.isActive ? const Color(0xFF444444) : Colors.transparent,
+          padding: const EdgeInsets.symmetric(horizontal: 12, vertical: 8),
+          child: IconTheme(
+            data: IconTheme.of(context).copyWith(size: 18),
+            child: Row(
+              children: [
+                if (widget.menuItem.icon != null) ...[
+                  widget.menuItem.icon!,
+                  const SizedBox(width: 12),
+                ],
+                Text(widget.menuItem.label),
+                const Spacer(),
+                if (widget.menuItem.shortcut != null) //
+                  Text(
+                    widget.menuItem.shortcut!,
+                    style: TextStyle(
+                      color: Colors.white.withOpacity(0.3),
+                      fontWeight: FontWeight.bold,
+                    ),
+                  ),
+                if (widget.menuItem.subMenu != null) //
+                  Icon(Icons.arrow_right, size: 18, color: Colors.white.withOpacity(0.3)),
+              ],
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+}
+
+const _fileMenu = MenuGroup(groupedItems: [
+  [
+    MenuItem(
+      id: "new",
+      path: MenuPath(["file", "new"]),
+      icon: Icon(Icons.feed),
+      label: "New",
+      subMenu: MenuGroup(
+        groupedItems: [
+          [
+            MenuItem(
+              id: "document",
+              path: MenuPath(["file", "new", "document"]),
+              icon: Icon(Icons.feed, color: Colors.blue),
+              label: "Document",
+              subMenu: MenuGroup(
+                groupedItems: [
+                  [
+                    MenuItem(
+                      id: "blog",
+                      path: MenuPath(["file", "new", "document", "blog"]),
+                      icon: Icon(Icons.article_outlined),
+                      label: "Blog",
+                    ),
+                    MenuItem(
+                      id: "news",
+                      path: MenuPath(["file", "new", "document", "news"]),
+                      icon: Icon(Icons.article_outlined),
+                      label: "News",
+                    ),
+                  ],
+                ],
+              ),
+            ),
+            MenuItem(
+              id: "from_template_gallery",
+              path: MenuPath(["file", "new", "from_template_gallery"]),
+              icon: Icon(Icons.browse_gallery_outlined),
+              label: "From template gallery",
+            ),
+          ],
+        ],
+      ),
+    ),
+    MenuItem(
+      id: "open",
+      path: MenuPath(["file", "open"]),
+      icon: Icon(Icons.folder_open),
+      label: "Open",
+      shortcut: "⌘O",
+    ),
+    MenuItem(
+      id: "make_a_copy",
+      path: MenuPath(["file", "make_a_copy"]),
+      icon: Icon(Icons.copy),
+      label: "Make a copy",
+    ),
+  ],
+  [
+    MenuItem(
+      id: "share",
+      path: MenuPath(["file", "share"]),
+      icon: Icon(Icons.person_add_alt),
+      label: "Share",
+      subMenu: MenuGroup(
+        groupedItems: [
+          [
+            MenuItem(
+              id: "share_with_others",
+              path: MenuPath(["file", "share", "share_with_others"]),
+              icon: Icon(Icons.person_add_alt),
+              label: "Share with others",
+            ),
+            MenuItem(
+              id: "publish_to_web",
+              path: MenuPath(["file", "share", "publish_to_web"]),
+              icon: Icon(Icons.public_sharp),
+              label: "Publish to web",
+            ),
+          ],
+        ],
+      ),
+    ),
+    MenuItem(
+      id: "email",
+      path: MenuPath(["email"]),
+      icon: Icon(Icons.email_outlined),
+      label: "Email",
+    ),
+    MenuItem(
+      id: "download",
+      path: MenuPath(["download"]),
+      icon: Icon(Icons.download_outlined),
+      label: "Download",
+    ),
+  ],
+  [
+    MenuItem(
+      id: "rename",
+      path: MenuPath(["rename"]),
+      icon: Icon(Icons.drive_file_rename_outline),
+      label: "Rename",
+    ),
+    MenuItem(
+      id: "move",
+      path: MenuPath(["move"]),
+      icon: Icon(Icons.drive_file_move_outline),
+      label: "Move",
+    ),
+    MenuItem(
+      id: "add_shortcut_to_drive",
+      path: MenuPath(["add_shortcut_to_drive"]),
+      icon: Icon(Icons.add_to_drive),
+      label: "Add shortcut to drive",
+    ),
+    MenuItem(
+      id: "move_to_trash",
+      path: MenuPath(["move_to_trash"]),
+      icon: Icon(Icons.delete),
+      label: "Move to trash",
+    ),
+  ],
+  [
+    MenuItem(
+      id: "version_history",
+      path: MenuPath(["version_history"]),
+      icon: Icon(Icons.history),
+      label: "Version history",
+    ),
+    MenuItem(
+      id: "make_available_offline",
+      path: MenuPath(["make_available_offline"]),
+      icon: Icon(Icons.offline_pin_outlined),
+      label: "Make available offline",
+    ),
+  ],
+  [
+    MenuItem(
+      id: "details",
+      path: MenuPath(["details"]),
+      icon: Icon(Icons.info),
+      label: "Details",
+    ),
+    MenuItem(
+      id: "language",
+      path: MenuPath(["language"]),
+      icon: Icon(Icons.language),
+      label: "Language",
+    ),
+    MenuItem(
+      id: "page_setup",
+      path: MenuPath(["page_setup"]),
+      icon: Icon(Icons.contact_page_outlined),
+      label: "Page setup",
+    ),
+    MenuItem(
+      id: "print",
+      path: MenuPath(["print"]),
+      icon: Icon(Icons.print),
+      label: "Print",
+      shortcut: "⌘P",
+    ),
+  ],
+]);
+
+class MenuGroup {
+  const MenuGroup({
+    required this.groupedItems,
+  });
+
+  final List<List<MenuItem>> groupedItems;
+
+  MenuItem getItemAt(int index) {
+    assert(index >= 0);
+    assert(index < length);
+
+    int countToGo = index;
+    for (final group in groupedItems) {
+      if (group.length > countToGo) {
+        return group[countToGo];
+      }
+
+      countToGo -= group.length;
+    }
+
+    throw Exception("Couldn't find list item $index in groupedItems: $groupedItems");
+  }
+
+  int get length => groupedItems.fold(0, (count, group) => count + group.length);
+}
+
+class MenuItem {
+  const MenuItem({
+    required this.id,
+    required this.path,
+    this.subMenu,
+    this.icon,
+    required this.label,
+    this.shortcut,
+    this.isEnabled = true,
+  });
+
+  final String id;
+  final MenuPath path;
+  final MenuGroup? subMenu;
+
+  final Widget? icon;
+  final String label;
+  final String? shortcut;
+  final bool isEnabled;
+}
diff --git a/example/lib/infrastructure/button.dart b/example/lib/infrastructure/button.dart
new file mode 100644
index 0000000..fb1f5a0
--- /dev/null
+++ b/example/lib/infrastructure/button.dart
@@ -0,0 +1,161 @@
+import 'package:flutter/gestures.dart';
+import 'package:flutter/material.dart';
+
+class Button extends StatefulWidget {
+  const Button({
+    super.key,
+    this.focusNode,
+    this.padding = EdgeInsets.zero,
+    this.background = Colors.transparent,
+    this.backgroundOnHover,
+    this.backgroundOnPress,
+    this.border,
+    this.borderOnHover,
+    this.borderOnPress,
+    this.borderRadius = BorderRadius.zero,
+    this.enabled = true,
+    this.onPressed,
+    required this.child,
+  });
+
+  final FocusNode? focusNode;
+
+  final EdgeInsets padding;
+
+  final Color background;
+
+  final Color? backgroundOnHover;
+
+  final Color? backgroundOnPress;
+
+  final BorderSide? border;
+
+  final BorderSide? borderOnHover;
+
+  final BorderSide? borderOnPress;
+
+  final BorderRadius borderRadius;
+
+  final bool enabled;
+
+  final VoidCallback? onPressed;
+
+  final Widget child;
+
+  @override
+  State<Button> createState() => _ButtonState();
+}
+
+class _ButtonState extends State<Button> {
+  late Color _background;
+  BorderSide? _border;
+
+  bool _isHovering = false;
+  bool _isPressed = false;
+
+  @override
+  void initState() {
+    super.initState();
+
+    _background = widget.background;
+    _border = widget.border;
+  }
+
+  @override
+  void didUpdateWidget(Button oldWidget) {
+    super.didUpdateWidget(oldWidget);
+
+    _updateStyles();
+  }
+
+  bool get _isEnabled => widget.enabled && widget.onPressed != null;
+
+  void _onHoverEnter(PointerEnterEvent event) {
+    if (!_isEnabled) {
+      return;
+    }
+
+    setState(() {
+      _isHovering = true;
+      _updateStyles();
+    });
+  }
+
+  void _onHoverExit(PointerExitEvent event) {
+    setState(() {
+      _isHovering = false;
+      _updateStyles();
+    });
+  }
+
+  void _onPressDown(TapDownDetails details) {
+    if (!_isEnabled) {
+      return;
+    }
+
+    setState(() {
+      _isPressed = true;
+      _updateStyles();
+    });
+  }
+
+  void _onPressUp(TapUpDetails details) {
+    setState(() {
+      _isPressed = false;
+      _updateStyles();
+    });
+
+    if (_isEnabled) {
+      widget.onPressed!();
+    }
+  }
+
+  void _onPressCancel() {
+    setState(() {
+      _isPressed = false;
+      _updateStyles();
+    });
+  }
+
+  void _updateStyles() {
+    _background = widget.background;
+    _border = widget.border;
+
+    if (_isHovering) {
+      _background = widget.backgroundOnHover ?? _background;
+      _border = widget.borderOnHover ?? _border;
+    }
+
+    if (_isPressed) {
+      _background = widget.backgroundOnPress ?? _background;
+      _border = widget.borderOnPress ?? _border;
+    }
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Focus(
+      focusNode: widget.focusNode,
+      child: MouseRegion(
+        cursor: SystemMouseCursors.click,
+        onEnter: _onHoverEnter,
+        onExit: _onHoverExit,
+        hitTestBehavior: HitTestBehavior.opaque,
+        child: GestureDetector(
+          onTapDown: _onPressDown,
+          onTapUp: _onPressUp,
+          onTapCancel: _onPressCancel,
+          child: Container(
+            padding: widget.padding,
+            decoration: BoxDecoration(
+              color: _background,
+              borderRadius: widget.borderRadius,
+              border: _border != null ? Border.fromBorderSide(_border!) : null,
+            ),
+            child: widget.child,
+          ),
+        ),
+      ),
+    );
+  }
+}
diff --git a/example/lib/main.dart b/example/lib/main.dart
index 62bf04f..f04bbfe 100644
--- a/example/lib/main.dart
+++ b/example/lib/main.dart
@@ -1,3 +1,5 @@
+import 'package:example/demos/demo_dropdown_list.dart';
+import 'package:example/demos/demo_dropdown_menu.dart';
 import 'package:example/demos/demo_popover_menu.dart';
 import 'package:example/demos/demo_popover_menu_bouncing_ball.dart';
 import 'package:example/demos/demo_popover_menu_draggable_ball.dart';
@@ -21,8 +23,9 @@ class OverlordExampleApp extends StatelessWidget {
   Widget build(BuildContext context) {
     return MaterialApp(
       title: 'Overlord Example',
-      theme: ThemeData.dark(),
+      theme: ThemeData.dark(useMaterial3: false),
       home: const OverlordDemoHomepage(),
+      debugShowCheckedModeBanner: false,
     );
   }
 }
@@ -95,6 +98,14 @@ final _items = [
     title: 'Inventory',
     pageBuilder: (context) => const InventoryDemo(),
   ),
+  _MenuItem(
+    title: 'Dropdown Menu',
+    pageBuilder: (context) => const DropdownMenuDemo(),
+  ),
+  _MenuItem(
+    title: 'Dropdown List',
+    pageBuilder: (context) => const DropdownListDemo(),
+  ),
   _MenuItem(
     title: 'iOS Toolbar Scrolling Focal Point',
     pageBuilder: (context) => const ToolbarWithScrollingFocalPointDemo(),
diff --git a/example/pubspec.lock b/example/pubspec.lock
index 25faa25..ded6580 100644
--- a/example/pubspec.lock
+++ b/example/pubspec.lock
@@ -1,14 +1,38 @@
 # Generated by pub
 # See https://dart.dev/tools/pub/glossary#lockfile
 packages:
+  _fe_analyzer_shared:
+    dependency: transitive
+    description:
+      name: _fe_analyzer_shared
+      sha256: eb376e9acf6938204f90eb3b1f00b578640d3188b4c8a8ec054f9f479af8d051
+      url: "https://pub.dev"
+    source: hosted
+    version: "64.0.0"
+  analyzer:
+    dependency: transitive
+    description:
+      name: analyzer
+      sha256: "69f54f967773f6c26c7dcb13e93d7ccee8b17a641689da39e878d5cf13b06893"
+      url: "https://pub.dev"
+    source: hosted
+    version: "6.2.0"
+  args:
+    dependency: transitive
+    description:
+      name: args
+      sha256: eef6c46b622e0494a36c5a12d10d77fb4e855501a91c1b9ef9339326e58f0596
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.4.2"
   async:
     dependency: transitive
     description:
       name: async
-      sha256: bfe67ef28df125b7dddcea62755991f807aa39a2492a23e1550161692950bbe0
+      sha256: "947bfcf187f74dbc5e146c9eb9c0f10c9f8b30743e341481c1e2ed3ecc18c20c"
       url: "https://pub.dev"
     source: hosted
-    version: "2.10.0"
+    version: "2.11.0"
   boolean_selector:
     dependency: transitive
     description:
@@ -21,10 +45,10 @@ packages:
     dependency: transitive
     description:
       name: characters
-      sha256: e6a326c8af69605aec75ed6c187d06b349707a27fbff8222ca9cc2cff167975c
+      sha256: "04a925763edad70e8443c99234dc3328f442e811f1d8fd1a72f1c8ad0f69a605"
       url: "https://pub.dev"
     source: hosted
-    version: "1.2.1"
+    version: "1.3.0"
   clock:
     dependency: transitive
     description:
@@ -37,10 +61,34 @@ packages:
     dependency: transitive
     description:
       name: collection
-      sha256: cfc915e6923fe5ce6e153b0723c753045de46de1b4d63771530504004a45fae0
+      sha256: ee67cb0715911d28db6bf4af1026078bd6f0128b07a5f66fb2ed94ec6783c09a
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.18.0"
+  convert:
+    dependency: transitive
+    description:
+      name: convert
+      sha256: "0f08b14755d163f6e2134cb58222dd25ea2a2ee8a195e53983d57c075324d592"
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.1.1"
+  coverage:
+    dependency: transitive
+    description:
+      name: coverage
+      sha256: "8acabb8306b57a409bf4c83522065672ee13179297a6bb0cb9ead73948df7c76"
       url: "https://pub.dev"
     source: hosted
-    version: "1.17.0"
+    version: "1.7.2"
+  crypto:
+    dependency: transitive
+    description:
+      name: crypto
+      sha256: ff625774173754681d66daaf4a448684fb04b78f902da9cb3d308c19cc5e8bab
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.0.3"
   fake_async:
     dependency: transitive
     description:
@@ -49,6 +97,14 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.3.1"
+  file:
+    dependency: transitive
+    description:
+      name: file
+      sha256: "5fc22d7c25582e38ad9a8515372cd9a93834027aacf1801cf01164dac0ffa08c"
+      url: "https://pub.dev"
+    source: hosted
+    version: "7.0.0"
   flutter:
     dependency: "direct main"
     description: flutter
@@ -71,18 +127,82 @@ packages:
     dependency: "direct main"
     description:
       name: follow_the_leader
-      sha256: "4e74bcf1ed3b4ce9c6743ee9f24bc68c0cf017ca3731d849018eb083c60687fe"
+      sha256: "71f4bfca904974a98d21558bbf7489e1262da6ac46de912791fe84cf6516b9ae"
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.0.4+7"
+  frontend_server_client:
+    dependency: transitive
+    description:
+      name: frontend_server_client
+      sha256: "408e3ca148b31c20282ad6f37ebfa6f4bdc8fede5b74bc2f08d9d92b55db3612"
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.2.0"
+  glob:
+    dependency: transitive
+    description:
+      name: glob
+      sha256: "0e7014b3b7d4dac1ca4d6114f82bf1782ee86745b9b42a92c9289c23d8a0ab63"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.1.2"
+  http_multi_server:
+    dependency: transitive
+    description:
+      name: http_multi_server
+      sha256: "97486f20f9c2f7be8f514851703d0119c3596d14ea63227af6f7a481ef2b2f8b"
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.2.1"
+  http_parser:
+    dependency: transitive
+    description:
+      name: http_parser
+      sha256: "2aa08ce0341cc9b354a498388e30986515406668dbcc4f7c950c3e715496693b"
       url: "https://pub.dev"
     source: hosted
-    version: "0.0.4+2"
+    version: "4.0.2"
+  io:
+    dependency: transitive
+    description:
+      name: io
+      sha256: "2ec25704aba361659e10e3e5f5d672068d332fc8ac516421d483a11e5cbd061e"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.0.4"
   js:
     dependency: transitive
     description:
       name: js
-      sha256: "5528c2f391ededb7775ec1daa69e65a2d61276f7552de2b5f7b8d34ee9fd4ab7"
+      sha256: f2c445dce49627136094980615a031419f7f3eb393237e4ecd97ac15dea343f3
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.6.7"
+  leak_tracker:
+    dependency: transitive
+    description:
+      name: leak_tracker
+      sha256: f8cdf1383f5b4672a2693d875f1f239af6bd7e4a8925a17ef7219226db932624
+      url: "https://pub.dev"
+    source: hosted
+    version: "10.0.1"
+  leak_tracker_flutter_testing:
+    dependency: transitive
+    description:
+      name: leak_tracker_flutter_testing
+      sha256: a2055640bf5bc903475e4bbdb34e04f8bf698542bee41edec47d337a5939e1ae
       url: "https://pub.dev"
     source: hosted
-    version: "0.6.5"
+    version: "2.0.3"
+  leak_tracker_testing:
+    dependency: transitive
+    description:
+      name: leak_tracker_testing
+      sha256: e62042d479c4c139dd774125ed4dfbde646b8f07ac228e3c1b57a3d91d6d9df4
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.0.2"
   lints:
     dependency: transitive
     description:
@@ -103,70 +223,158 @@ packages:
     dependency: transitive
     description:
       name: matcher
-      sha256: "16db949ceee371e9b99d22f88fa3a73c4e59fd0afed0bd25fc336eb76c198b72"
+      sha256: d2323aa2060500f906aa31a895b4030b6da3ebdcc5619d14ce1aada65cd161cb
       url: "https://pub.dev"
     source: hosted
-    version: "0.12.13"
+    version: "0.12.16+1"
   material_color_utilities:
     dependency: transitive
     description:
       name: material_color_utilities
-      sha256: d92141dc6fe1dad30722f9aa826c7fbc896d021d792f80678280601aff8cf724
+      sha256: "0e0a020085b65b6083975e499759762399b4475f766c21668c4ecca34ea74e5a"
       url: "https://pub.dev"
     source: hosted
-    version: "0.2.0"
+    version: "0.8.0"
   meta:
     dependency: transitive
     description:
       name: meta
-      sha256: "6c268b42ed578a53088d834796959e4a1814b5e9e164f147f580a386e5decf42"
+      sha256: d584fa6707a52763a52446f02cc621b077888fb63b93bbcb1143a7be5a0c0c04
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.11.0"
+  mime:
+    dependency: transitive
+    description:
+      name: mime
+      sha256: "2e123074287cc9fd6c09de8336dae606d1ddb88d9ac47358826db698c176a1f2"
       url: "https://pub.dev"
     source: hosted
-    version: "1.8.0"
+    version: "1.0.5"
+  node_preamble:
+    dependency: transitive
+    description:
+      name: node_preamble
+      sha256: "6e7eac89047ab8a8d26cf16127b5ed26de65209847630400f9aefd7cd5c730db"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.0.2"
   overlord:
     dependency: "direct main"
     description:
       path: ".."
       relative: true
     source: path
-    version: "0.0.4"
+    version: "0.0.3+4"
+  package_config:
+    dependency: transitive
+    description:
+      name: package_config
+      sha256: "1c5b77ccc91e4823a5af61ee74e6b972db1ef98c2ff5a18d3161c982a55448bd"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.1.0"
   path:
     dependency: transitive
     description:
       name: path
-      sha256: db9d4f58c908a4ba5953fcee2ae317c94889433e5024c27ce74a37f94267945b
+      sha256: "087ce49c3f0dc39180befefc60fdb4acd8f8620e5682fe2476afd0b3688bb4af"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.9.0"
+  pool:
+    dependency: transitive
+    description:
+      name: pool
+      sha256: "20fe868b6314b322ea036ba325e6fc0711a22948856475e2c2b6306e8ab39c2a"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.5.1"
+  pub_semver:
+    dependency: transitive
+    description:
+      name: pub_semver
+      sha256: "40d3ab1bbd474c4c2328c91e3a7df8c6dd629b79ece4c4bd04bee496a224fb0c"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.1.4"
+  shelf:
+    dependency: transitive
+    description:
+      name: shelf
+      sha256: ad29c505aee705f41a4d8963641f91ac4cee3c8fad5947e033390a7bd8180fa4
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.4.1"
+  shelf_packages_handler:
+    dependency: transitive
+    description:
+      name: shelf_packages_handler
+      sha256: "89f967eca29607c933ba9571d838be31d67f53f6e4ee15147d5dc2934fee1b1e"
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.0.2"
+  shelf_static:
+    dependency: transitive
+    description:
+      name: shelf_static
+      sha256: a41d3f53c4adf0f57480578c1d61d90342cd617de7fc8077b1304643c2d85c1e
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.1.2"
+  shelf_web_socket:
+    dependency: transitive
+    description:
+      name: shelf_web_socket
+      sha256: "9ca081be41c60190ebcb4766b2486a7d50261db7bd0f5d9615f2d653637a84c1"
       url: "https://pub.dev"
     source: hosted
-    version: "1.8.2"
+    version: "1.0.4"
   sky_engine:
     dependency: transitive
     description: flutter
     source: sdk
     version: "0.0.99"
+  source_map_stack_trace:
+    dependency: transitive
+    description:
+      name: source_map_stack_trace
+      sha256: "84cf769ad83aa6bb61e0aa5a18e53aea683395f196a6f39c4c881fb90ed4f7ae"
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.1.1"
+  source_maps:
+    dependency: transitive
+    description:
+      name: source_maps
+      sha256: "708b3f6b97248e5781f493b765c3337db11c5d2c81c3094f10904bfa8004c703"
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.10.12"
   source_span:
     dependency: transitive
     description:
       name: source_span
-      sha256: dd904f795d4b4f3b870833847c461801f6750a9fa8e61ea5ac53f9422b31f250
+      sha256: "53e943d4206a5e30df338fd4c6e7a077e02254531b138a15aec3bd143c1a8b3c"
       url: "https://pub.dev"
     source: hosted
-    version: "1.9.1"
+    version: "1.10.0"
   stack_trace:
     dependency: transitive
     description:
       name: stack_trace
-      sha256: c3c7d8edb15bee7f0f74debd4b9c5f3c2ea86766fe4178eb2a18eb30a0bdaed5
+      sha256: "73713990125a6d93122541237550ee3352a2d84baad52d375a4cad2eb9b7ce0b"
       url: "https://pub.dev"
     source: hosted
-    version: "1.11.0"
+    version: "1.11.1"
   stream_channel:
     dependency: transitive
     description:
       name: stream_channel
-      sha256: "83615bee9045c1d322bbbd1ba209b7a749c2cbcdcb3fdd1df8eb488b3279c1c8"
+      sha256: ba2aa5d8cc609d96bbb2899c28934f9e1af5cddbd60a827822ea467161eb54e7
       url: "https://pub.dev"
     source: hosted
-    version: "2.1.1"
+    version: "2.1.2"
   string_scanner:
     dependency: transitive
     description:
@@ -183,14 +391,38 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "1.2.1"
+  test:
+    dependency: "direct dev"
+    description:
+      name: test
+      sha256: a1f7595805820fcc05e5c52e3a231aedd0b72972cb333e8c738a8b1239448b6f
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.24.9"
   test_api:
     dependency: transitive
     description:
       name: test_api
-      sha256: ad540f65f92caa91bf21dfc8ffb8c589d6e4dc0c2267818b4cc2792857706206
+      sha256: "5c2f730018264d276c20e4f1503fd1308dfbbae39ec8ee63c5236311ac06954b"
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.6.1"
+  test_core:
+    dependency: transitive
+    description:
+      name: test_core
+      sha256: a757b14fc47507060a162cc2530d9a4a2f92f5100a952c7443b5cad5ef5b106a
+      url: "https://pub.dev"
+    source: hosted
+    version: "0.5.9"
+  typed_data:
+    dependency: transitive
+    description:
+      name: typed_data
+      sha256: facc8d6582f16042dd49f2463ff1bd6e2c9ef9f3d5da3d9b087e244a7b564b3c
       url: "https://pub.dev"
     source: hosted
-    version: "0.4.16"
+    version: "1.3.2"
   vector_math:
     dependency: transitive
     description:
@@ -199,6 +431,46 @@ packages:
       url: "https://pub.dev"
     source: hosted
     version: "2.1.4"
+  vm_service:
+    dependency: transitive
+    description:
+      name: vm_service
+      sha256: b3d56ff4341b8f182b96aceb2fa20e3dcb336b9f867bc0eafc0de10f1048e957
+      url: "https://pub.dev"
+    source: hosted
+    version: "13.0.0"
+  watcher:
+    dependency: transitive
+    description:
+      name: watcher
+      sha256: "3d2ad6751b3c16cf07c7fca317a1413b3f26530319181b37e3b9039b84fc01d8"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.1.0"
+  web_socket_channel:
+    dependency: transitive
+    description:
+      name: web_socket_channel
+      sha256: d88238e5eac9a42bb43ca4e721edba3c08c6354d4a53063afaa568516217621b
+      url: "https://pub.dev"
+    source: hosted
+    version: "2.4.0"
+  webkit_inspection_protocol:
+    dependency: transitive
+    description:
+      name: webkit_inspection_protocol
+      sha256: "87d3f2333bb240704cd3f1c6b5b7acd8a10e7f0bc28c28dcf14e782014f4a572"
+      url: "https://pub.dev"
+    source: hosted
+    version: "1.2.1"
+  yaml:
+    dependency: transitive
+    description:
+      name: yaml
+      sha256: "75769501ea3489fca56601ff33454fe45507ea3bfb014161abc3b43ae25989d5"
+      url: "https://pub.dev"
+    source: hosted
+    version: "3.1.2"
 sdks:
-  dart: ">=2.18.0 <3.0.0"
-  flutter: ">=1.17.0"
+  dart: ">=3.2.0 <4.0.0"
+  flutter: ">=3.18.0-18.0.pre.54"
diff --git a/example/pubspec.yaml b/example/pubspec.yaml
index 77857f2..e9ef6e5 100644
--- a/example/pubspec.yaml
+++ b/example/pubspec.yaml
@@ -5,7 +5,7 @@ publish_to: 'none' # Remove this line if you wish to publish to pub.dev
 version: 1.0.0+1
 
 environment:
-  sdk: '>=2.18.0 <3.0.0'
+  sdk: '>=3.0.0 <4.0.0'
 
 dependencies:
   flutter:
@@ -25,6 +25,7 @@ dev_dependencies:
   flutter_test:
     sdk: flutter
   flutter_lints: ^2.0.0
+  test: ^1.24.9
 
 flutter:
   uses-material-design: true
diff --git a/lib/overlord.dart b/lib/overlord.dart
index d0e0ac9..657a3b1 100644
--- a/lib/overlord.dart
+++ b/lib/overlord.dart
@@ -3,6 +3,8 @@ library overlord;
 export 'src/cupertino/cupertino_popover_menu.dart';
 export 'src/cupertino/cupertino_toolbar.dart';
 
+export 'src/menus/multi_level_menus.dart';
 export 'src/menus/menu_with_pointer.dart';
+export 'src/menus/popovers.dart';
 
 export 'src/logging.dart';
diff --git a/lib/src/menus/multi_level_menus.dart b/lib/src/menus/multi_level_menus.dart
new file mode 100644
index 0000000..5a512e2
--- /dev/null
+++ b/lib/src/menus/multi_level_menus.dart
@@ -0,0 +1,111 @@
+import 'package:collection/collection.dart';
+import 'package:flutter/foundation.dart';
+
+class MultiLevelMenuController with ChangeNotifier {
+  MenuPath? get activePath => _activePath;
+  MenuPath? _activePath;
+
+  bool isActive(MenuPath menuPath) {
+    if (_activePath == null) {
+      return false;
+    }
+
+    return menuPath.isSubPathOf(_activePath!);
+  }
+
+  void activate(MenuPath menuPath) {
+    if (_visiblePath == null || !menuPath.isSubPathOf(_visiblePath!)) {
+      debugPrint("WARNING: Can't activate path because it's not a sub-path of the visible path.");
+      debugPrint(" - desired active path: ${menuPath.serialize()}");
+      debugPrint(" - visible path: ${_visiblePath?.serialize()}");
+      return;
+    }
+
+    _activePath = menuPath;
+    notifyListeners();
+  }
+
+  MenuPath? get visiblePath => _visiblePath;
+  MenuPath? _visiblePath;
+
+  bool isVisible(MenuPath menuPath) {
+    if (_visiblePath == null) {
+      return false;
+    }
+
+    return menuPath.isSubPathOf(_visiblePath!);
+  }
+
+  void show(MenuPath menuPath) {
+    _visiblePath = menuPath;
+    notifyListeners();
+  }
+
+  void close() {
+    _visiblePath = null;
+    notifyListeners();
+  }
+}
+
+class MenuPath {
+  const MenuPath(this._path);
+
+  List<String> get components => List.from(_path);
+  final List<String> _path;
+
+  bool containsPath(MenuPath other) {
+    if (other._path.isEmpty) {
+      // An empty path has no meaning, so we always say that an empty path
+      // isn't a sub-path of any other path.
+      return false;
+    }
+
+    if (other._path.length > _path.length) {
+      return false;
+    }
+
+    for (int i = 0; i < other._path.length; i += 1) {
+      if (_path[i] != other._path[i]) {
+        return false;
+      }
+    }
+
+    return true;
+  }
+
+  bool isSubPathOf(MenuPath other) {
+    if (_path.isEmpty) {
+      // An empty path has no meaning, so we always say that an empty path
+      // isn't a sub-path of any other path.
+      return false;
+    }
+
+    if (_path.length > other._path.length) {
+      return false;
+    }
+
+    for (int i = 0; i < _path.length; i += 1) {
+      if (_path[i] != other._path[i]) {
+        return false;
+      }
+    }
+
+    return true;
+  }
+
+  MenuPath append(String component) => MenuPath([..._path, component]);
+
+  MenuPath appendAll(List<String> components) => MenuPath([..._path, ...components]);
+
+  String serialize() => _path.join(" > ");
+
+  @override
+  bool operator ==(Object other) =>
+      identical(this, other) ||
+      other is MenuPath &&
+          runtimeType == other.runtimeType &&
+          const DeepCollectionEquality().equals(_path, other._path);
+
+  @override
+  int get hashCode => _path.hashCode;
+}
diff --git a/lib/src/menus/popovers.dart b/lib/src/menus/popovers.dart
new file mode 100644
index 0000000..82ff514
--- /dev/null
+++ b/lib/src/menus/popovers.dart
@@ -0,0 +1,543 @@
+import 'package:flutter/material.dart';
+import 'package:follow_the_leader/follow_the_leader.dart';
+
+/// A scaffold, which builds a popover selection system, comprised of a button and a popover
+/// that's positioned near the button.
+///
+/// Unlike Flutter `DropdownButton`, which displays the popover in a separate route,
+/// this widget displays its popover in an `Overlay`. By using an `Overlay`, focus can be shared
+/// between the popover's `FocusNode` and an arbitrary parent `FocusNode`.
+///
+/// The popover visibility is changed by calling [PopoverController.open] or [PopoverController.close].
+/// The popover is automatically closed when the user taps outside of its bounds.
+///
+/// Provide a [popoverGeometry] to control the size and position of the popover. The popover
+/// is first sized given the [PopoverGeometry.constraints] and then positioned using the
+/// [PopoverGeometry.aligner].
+///
+/// When the popover is displayed it requests focus to itself, so the user can
+/// interact with the content using the keyboard.
+class PopoverScaffold extends StatefulWidget {
+  const PopoverScaffold({
+    super.key,
+    required this.controller,
+    required this.buttonBuilder,
+    required this.popoverBuilder,
+    this.popoverGeometry = const PopoverGeometry(),
+    this.popoverFocusNode,
+    this.tapRegionGroupId,
+    this.parentFocusNode,
+    this.boundaryKey,
+    this.onTapOutside = _PopoverScaffoldState.closePopoverOnTapOutside,
+  });
+
+  /// Shows and hides the popover.
+  final PopoverController controller;
+
+  /// Builds a button that is always displayed.
+  final WidgetBuilder buttonBuilder;
+
+  /// Builds the content of the popover.
+  final WidgetBuilder popoverBuilder;
+
+  /// Controls the size and position of the popover.
+  ///
+  /// The popover is first sized, then positioned.
+  final PopoverGeometry popoverGeometry;
+
+  /// The [FocusNode] which is bound to the popover.
+  ///
+  /// Focus will be requested to this [FocusNode] when the popover is displayed.
+  final FocusNode? popoverFocusNode;
+
+  /// A group ID for a tap region that is shared with the popover.
+  ///
+  /// Tapping on a [TapRegion] with the same [tapRegionGroupId]
+  /// won't invoke [onTapOutside].
+  final String? tapRegionGroupId;
+
+  /// The [FocusNode], to which the popover [FocusNode] will be added as a child.
+  ///
+  /// In Flutter, [FocusNode]s have parents and children. This relationship allows an
+  /// entire ancestor path to "have focus", but only the lowest level descendant
+  /// in that path has "primary focus". This path is important because various
+  /// widgets alter their presentation or behavior based on whether or not they
+  /// currently have focus, even if they only have "non-primary focus".
+  ///
+  /// When the popover is visible, it will have primary focus.
+  /// Moreover, because the popover is built in an `Overlay`, none of your
+  /// widgets are in the natural focus path for that popover. Therefore, if you
+  /// need your widget tree to retain focus while the popover is visible, then
+  /// you need to provide the [FocusNode] that the popover should use as its
+  /// parent, thereby retaining focus for your widgets.
+  final FocusNode? parentFocusNode;
+
+  /// A [GlobalKey] to a widget that determines the bounds where the popover can be displayed.
+  ///
+  /// Passing a [boundaryKey] causes the popover to be confined to the bounds of the widget
+  /// bound to the [boundaryKey].
+  ///
+  /// If `null`, the popover is confined to the screen bounds, defined by the result of `MediaQuery.sizeOf`.
+  final GlobalKey? boundaryKey;
+
+  /// Called when the user taps outside of the popover.
+  ///
+  /// If `null`, tapping outside closes the popover.
+  final void Function(PopoverController) onTapOutside;
+
+  @override
+  State<PopoverScaffold> createState() => _PopoverScaffoldState();
+}
+
+class _PopoverScaffoldState extends State<PopoverScaffold> {
+  final OverlayPortalController _overlayController = OverlayPortalController();
+  final LeaderLink _popoverLink = LeaderLink();
+  final FocusNode _scaffoldFocusNode = FocusNode();
+
+  late Size _screenSize;
+  late FollowerBoundary _screenBoundary;
+
+  /// Closes the popover when tapping outside.
+  static void closePopoverOnTapOutside(PopoverController controller) {
+    controller.close();
+  }
+
+  @override
+  void initState() {
+    super.initState();
+
+    widget.controller.addListener(_onPopoverControllerChanged);
+  }
+
+  @override
+  void didChangeDependencies() {
+    super.didChangeDependencies();
+    _updateFollowerBoundary();
+  }
+
+  @override
+  void didUpdateWidget(covariant PopoverScaffold oldWidget) {
+    super.didUpdateWidget(oldWidget);
+    if (oldWidget.controller != widget.controller) {
+      oldWidget.controller.removeListener(_onPopoverControllerChanged);
+      widget.controller.addListener(_onPopoverControllerChanged);
+    }
+
+    if (oldWidget.boundaryKey != widget.boundaryKey) {
+      _updateFollowerBoundary();
+    }
+  }
+
+  @override
+  void dispose() {
+    widget.controller.removeListener(_onPopoverControllerChanged);
+    _popoverLink.dispose();
+    _scaffoldFocusNode.dispose();
+
+    super.dispose();
+  }
+
+  void _updateFollowerBoundary() {
+    _screenSize = MediaQuery.sizeOf(context);
+    if (widget.boundaryKey != null) {
+      _screenBoundary = WidgetFollowerBoundary(
+        boundaryKey: widget.boundaryKey,
+        devicePixelRatio: MediaQuery.devicePixelRatioOf(context),
+      );
+    } else {
+      _screenBoundary = ScreenFollowerBoundary(
+        screenSize: _screenSize,
+        devicePixelRatio: MediaQuery.devicePixelRatioOf(context),
+      );
+    }
+  }
+
+  void _onPopoverControllerChanged() {
+    if (widget.controller.shouldShow) {
+      _overlayController.show();
+      if (widget.popoverFocusNode != null) {
+        WidgetsBinding.instance.addPostFrameCallback((timeStamp) {
+          if (!mounted) {
+            return;
+          }
+
+          widget.popoverFocusNode!.requestFocus();
+        });
+      }
+    } else {
+      _overlayController.hide();
+    }
+  }
+
+  void _onTapOutsideOfPopover(PointerDownEvent e) {
+    widget.onTapOutside(widget.controller);
+  }
+
+  BoxConstraints _computePopoverConstraints() {
+    if (widget.popoverGeometry.constraints != null) {
+      return widget.popoverGeometry.constraints!;
+    }
+
+    if (widget.boundaryKey != null) {
+      // Let the popover be at most the size of the boundary widget.
+      final boundaryBox = widget.boundaryKey!.currentContext!.findRenderObject() as RenderBox;
+      return BoxConstraints(
+        maxHeight: boundaryBox.size.height,
+        maxWidth: boundaryBox.size.width,
+      );
+    }
+
+    // Let the popover be at most the size of the screen.
+    return BoxConstraints(
+      maxHeight: _screenSize.height,
+      maxWidth: _screenSize.width,
+    );
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return OverlayPortal(
+      controller: _overlayController,
+      overlayChildBuilder: _buildPopover,
+      child: TapRegion(
+        groupId: "popover-$hashCode",
+        child: Leader(
+          link: _popoverLink,
+          child: widget.buttonBuilder(context),
+        ),
+      ),
+    );
+  }
+
+  Widget _buildPopover(BuildContext context) {
+    return TapRegion(
+      groupId: widget.tapRegionGroupId,
+      onTapOutside: _onTapOutsideOfPopover,
+      child: Actions(
+        actions: disabledMacIntents,
+        child: Follower.withAligner(
+          link: _popoverLink,
+          boundary: _screenBoundary,
+          aligner: FunctionalAligner(
+            delegate: (globalLeaderRect, followerSize) =>
+                widget.popoverGeometry.aligner.align(globalLeaderRect, followerSize, _screenSize, widget.boundaryKey),
+          ),
+          child: ConstrainedBox(
+            constraints: _computePopoverConstraints(),
+            child: Focus(
+              parentNode: widget.parentFocusNode,
+              child: widget.popoverBuilder(context),
+            ),
+          ),
+        ),
+      ),
+    );
+  }
+}
+
+/// Controls the visibility of a popover.
+class PopoverController with ChangeNotifier {
+  /// Whether the popover should be displayed.
+  bool get shouldShow => _shouldShow;
+  bool _shouldShow = false;
+
+  void open() {
+    if (_shouldShow) {
+      return;
+    }
+    _shouldShow = true;
+    notifyListeners();
+  }
+
+  void close() {
+    if (!_shouldShow) {
+      return;
+    }
+    _shouldShow = false;
+    notifyListeners();
+  }
+
+  void toggle() {
+    if (shouldShow) {
+      close();
+    } else {
+      open();
+    }
+  }
+}
+
+/// The offset and size of a popover.
+class PopoverGeometry {
+  const PopoverGeometry({
+    this.aligner = const DropdownListPopoverAligner(),
+    this.constraints,
+  });
+
+  /// Positions the popover.
+  ///
+  /// If the `boundaryKey` is non-`null`, the popover must be positioned within the bounds of
+  /// the `RenderBox` bound to `boundaryKey`.
+  final PopoverAligner aligner;
+
+  /// [BoxConstraints] applied to the popover.
+  ///
+  /// If `null`, the popover can use all the available space.
+  final BoxConstraints? constraints;
+}
+
+/// Aligns a popover in relation to its originating content, such as a popover list
+/// appearing beneath a dropdown menu button.
+///
+/// To create a [PopoverAligner] that defers to a given function, see [FunctionalPopoverAligner].
+abstract interface class PopoverAligner {
+  FollowerAlignment align(Rect globalLeaderRect, Size followerSize, Size screenSize, GlobalKey? boundaryKey);
+}
+
+/// A [PopoverAligner] that defers to a given function, which is convenient for quickly
+/// implementing a simple alignment strategy without needing to define a subclass.
+class FunctionalPopoverAligner implements PopoverAligner {
+  const FunctionalPopoverAligner(this._aligner);
+
+  final FollowerAlignment Function(Rect globalLeaderRect, Size followerSize, Size screenSize, GlobalKey? boundaryKey)
+      _aligner;
+
+  @override
+  FollowerAlignment align(Rect globalLeaderRect, Size followerSize, Size screenSize, GlobalKey? boundaryKey) =>
+      _aligner(globalLeaderRect, followerSize, screenSize, boundaryKey);
+}
+
+/// A reasonable standard [PopoverAligner] for dropdown lists.
+///
+/// The following rules are applied, in order:
+///
+/// 1. If there is enough room to display the popover beneath the button,
+/// position it below the button.
+///
+/// 2. If there is enough room to display the popover above the button,
+/// position it above the button.
+///
+/// 3. Pin the popover to the bottom of the `RenderBox` bound to [boundaryKey],
+/// letting the popover cover the button.
+class DropdownListPopoverAligner implements PopoverAligner {
+  const DropdownListPopoverAligner({
+    this.gap = 20,
+  });
+
+  /// The space between the popover and its source content.
+  final double gap;
+
+  @override
+  FollowerAlignment align(
+      Rect globalLeaderRect, Size followerSize, Size screenSize, GlobalKey<State<StatefulWidget>>? boundaryKey) {
+    final boundsBox = boundaryKey?.currentContext?.findRenderObject() as RenderBox?;
+    final bounds = boundsBox != null
+        ? Rect.fromPoints(
+            boundsBox.localToGlobal(Offset.zero),
+            boundsBox.localToGlobal(boundsBox.size.bottomRight(Offset.zero)),
+          )
+        : Offset.zero & screenSize;
+    late FollowerAlignment alignment;
+
+    if (globalLeaderRect.bottom + followerSize.height < bounds.bottom) {
+      // The follower fits below the leader.
+      alignment = FollowerAlignment(
+        leaderAnchor: Alignment.bottomCenter,
+        followerAnchor: Alignment.topCenter,
+        followerOffset: Offset(0, gap),
+      );
+    } else if (globalLeaderRect.top - followerSize.height > bounds.top) {
+      // The follower fits above the leader.
+      alignment = FollowerAlignment(
+        leaderAnchor: Alignment.topCenter,
+        followerAnchor: Alignment.bottomCenter,
+        followerOffset: Offset(0, -gap),
+      );
+    } else {
+      // There isn't enough room to fully display the follower below or above the leader.
+      // Pin the popover list to the bottom, letting the follower cover the leader.
+      alignment = FollowerAlignment(
+        leaderAnchor: Alignment.bottomCenter,
+        followerAnchor: Alignment.topCenter,
+        followerOffset: Offset(0, gap),
+      );
+    }
+
+    return alignment;
+  }
+}
+
+/// A reasonable standard [PopoverAligner] for dropdown menus, e.g., the "File"
+/// menu for an application.
+///
+/// Positions the popover so that it's left-aligned with the source content, and
+/// appears immediately below it.
+class MenuPopoverAligner implements PopoverAligner {
+  const MenuPopoverAligner({
+    this.contentAnchor = Alignment.bottomLeft,
+    this.popoverAnchor = Alignment.topLeft,
+    this.gap = Offset.zero,
+  });
+
+  final Alignment contentAnchor;
+
+  final Alignment popoverAnchor;
+
+  /// The space between the popover and its source content.
+  final Offset gap;
+
+  @override
+  FollowerAlignment align(
+    Rect globalLeaderRect,
+    Size followerSize,
+    Size screenSize,
+    GlobalKey<State<StatefulWidget>>? boundaryKey,
+  ) {
+    return FollowerAlignment(
+      leaderAnchor: contentAnchor,
+      followerAnchor: popoverAnchor,
+      followerOffset: gap,
+    );
+  }
+}
+
+/// Stop propagating intents that prevent [TextInputClient.performSelector] from being called.
+///
+/// These intents have default handlers installed by Flutter
+/// that prevents the key events from bubbling up to the IME.
+///
+/// Use this object in an [Actions] widget.
+final Map<Type, Action<Intent>> disabledMacIntents = {
+  // Generated by pressing LEFT/RIGHT ARROW.
+  ExtendSelectionByCharacterIntent: DoNothingAction(consumesKey: false),
+
+  // Generated by pressing UP/DOWN ARROW.
+  ExtendSelectionVerticallyToAdjacentLineIntent: DoNothingAction(consumesKey: false),
+
+  // Generated by pressing PAGE UP/DOWN.
+  ScrollIntent: DoNothingAction(consumesKey: false),
+
+  // Generated by pressing HOME/END.
+  ScrollToDocumentBoundaryIntent: DoNothingAction(consumesKey: false),
+
+  // Generated by pressing TAB.
+  NextFocusIntent: DoNothingAction(consumesKey: false),
+
+  // Generated by pressing SHIFT + TAB.
+  PreviousFocusIntent: DoNothingAction(consumesKey: false),
+
+  // Generated by pressing SPACE.
+  // PrioritizedIntents might contain intents that we don't want to prevent
+  // from bubbling up.
+  // So, we need to look into its inner intents.
+  PrioritizedIntents: _PreventPrioritizedIntentsFromBubblingUp(
+    intentFilter: (e) => e is ActivateIntent,
+  ),
+};
+
+/// Prevents a [PrioritizedIntents] from bubbling up if [intentFilter] returns
+/// `true` for at least one of its `orderedIntents`.
+///
+/// Based on [PrioritizedAction].
+class _PreventPrioritizedIntentsFromBubblingUp extends Action<PrioritizedIntents> {
+  _PreventPrioritizedIntentsFromBubblingUp({
+    required this.intentFilter,
+  });
+
+  /// Whether the [intent] should be prevented from bubbling up.
+  final bool Function(Intent intent) intentFilter;
+
+  @override
+  bool consumesKey(Intent intent) => false;
+
+  @override
+  void invoke(Intent intent) {}
+
+  @override
+  bool isEnabled(PrioritizedIntents intent, [BuildContext? context]) {
+    final FocusNode? focus = primaryFocus;
+    if (focus == null || focus.context == null) {
+      return false;
+    }
+
+    for (final Intent candidateIntent in intent.orderedIntents) {
+      final Action<Intent>? candidateAction = Actions.maybeFind<Intent>(
+        focus.context!,
+        intent: candidateIntent,
+      );
+      if (candidateAction != null && _isActionEnabled(candidateAction, candidateIntent, context)) {
+        // The corresponding Action for the Intent is enabled.
+        // This is the Action that Flutter will execute.
+        if (intentFilter(candidateIntent)) {
+          return true;
+        }
+
+        // We don't care about the Intent that is going to have its corresponding Action executed.
+        // Don't block it.
+        return false;
+      }
+    }
+
+    return false;
+  }
+
+  bool _isActionEnabled(Action action, Intent intent, BuildContext? context) {
+    if (action is ContextAction<Intent>) {
+      return action.isEnabled(intent, context);
+    }
+    return action.isEnabled(intent);
+  }
+}
+
+/// A rounded rectangle shape with a fade-in transition.
+class RoundedRectanglePopoverAppearance extends StatefulWidget {
+  const RoundedRectanglePopoverAppearance({
+    super.key,
+    required this.child,
+  });
+
+  final Widget child;
+
+  @override
+  State<RoundedRectanglePopoverAppearance> createState() => _RoundedRectanglePopoverAppearanceState();
+}
+
+class _RoundedRectanglePopoverAppearanceState extends State<RoundedRectanglePopoverAppearance>
+    with SingleTickerProviderStateMixin {
+  late final AnimationController _animationController;
+  late final Animation<double> _containerFadeInAnimation;
+
+  @override
+  void initState() {
+    super.initState();
+    _animationController = AnimationController(
+      duration: const Duration(milliseconds: 300),
+      vsync: this,
+    );
+
+    _containerFadeInAnimation = CurvedAnimation(
+      parent: _animationController,
+      curve: Curves.easeInOut,
+    );
+
+    _animationController.forward();
+  }
+
+  @override
+  void dispose() {
+    _animationController.dispose();
+    super.dispose();
+  }
+
+  @override
+  Widget build(BuildContext context) {
+    return Material(
+      elevation: 8,
+      borderRadius: BorderRadius.circular(12),
+      clipBehavior: Clip.hardEdge,
+      child: FadeTransition(
+        opacity: _containerFadeInAnimation,
+        child: widget.child,
+      ),
+    );
+  }
+}
diff --git a/pubspec.yaml b/pubspec.yaml
index 17a400b..9f07922 100644
--- a/pubspec.yaml
+++ b/pubspec.yaml
@@ -4,14 +4,15 @@ version: 0.0.3+4
 homepage: https://github.com/flutter-bounty-hunters/overlord
 
 environment:
-  sdk: '>=2.18.0 <4.0.0'
+  sdk: '>=3.0.0 <4.0.0'
   flutter: ">=1.17.0"
 
 dependencies:
   flutter:
     sdk: flutter
 
-  follow_the_leader: ^0.0.4+5
+  collection: ^1.18.0
+  follow_the_leader: ^0.0.4+7
   logging: ^1.0.1
 
 #dependency_overrides:
@@ -24,7 +25,8 @@ dev_dependencies:
   flutter_test:
     sdk: flutter
   flutter_lints: ^2.0.0
-  golden_toolkit: ^0.11.0
+  golden_toolkit: ^0.15.0
+  flutter_test_runners: ^0.0.4
 
   # For loading icon font files in tests
   file: ^6.1.4
diff --git a/test/cupertino/cupertino_popover_menu_test.dart b/test/cupertino/cupertino_popover_menu_test.dart
index 10767b1..8eeb8e2 100644
--- a/test/cupertino/cupertino_popover_menu_test.dart
+++ b/test/cupertino/cupertino_popover_menu_test.dart
@@ -29,11 +29,11 @@ void main() {
 }
 
 Future<void> _pumpToolbarScaffold(WidgetTester tester, {required Widget child}) async {
-  tester.binding.window
-    ..physicalSizeTestValue = const Size(500, 500)
+  tester.view
+    ..physicalSize = const Size(500, 500)
     ..platformDispatcher.textScaleFactorTestValue = 1.0
-    ..devicePixelRatioTestValue = 1.0;
-  addTearDown(() => tester.binding.window.clearAllTestValues());
+    ..devicePixelRatio = 1.0;
+  addTearDown(() => tester.platformDispatcher.clearAllTestValues());
 
   await tester.pumpWidget(
     MaterialApp(
diff --git a/test/menus/menu_path_test.dart b/test/menus/menu_path_test.dart
new file mode 100644
index 0000000..97400e0
--- /dev/null
+++ b/test/menus/menu_path_test.dart
@@ -0,0 +1,123 @@
+import 'package:flutter_test/flutter_test.dart';
+import 'package:overlord/overlord.dart';
+
+void main() {
+  group("Menus > menu paths >", () {
+    group("empty path > ", () {
+      test("is never a sub-path", () {
+        expect(
+          const MenuPath([]).isSubPathOf(
+            const MenuPath(["file", "new", "document"]),
+          ),
+          isFalse,
+        );
+
+        expect(
+          const MenuPath([]).isSubPathOf(
+            const MenuPath([]),
+          ),
+          isFalse,
+        );
+      });
+
+      test("is never contained with another path", () {
+        expect(
+          const MenuPath(["file", "new", "document"]).containsPath(
+            const MenuPath([]),
+          ),
+          isFalse,
+        );
+
+        expect(
+          const MenuPath([]).containsPath(
+            const MenuPath([]),
+          ),
+          isFalse,
+        );
+      });
+    });
+
+    test("identifies container paths", () {
+      // Proper sub-path.
+      expect(
+        const MenuPath(["file", "new", "document"]).containsPath(
+          const MenuPath(["file", "new"]),
+        ),
+        isTrue,
+      );
+
+      // A path contains itself.
+      expect(
+        const MenuPath(["file", "new", "document"]).containsPath(
+          const MenuPath(["file", "new", "document"]),
+        ),
+        isTrue,
+      );
+
+      // A path that matches, but stops short of another path, doesn't contain
+      // the longer path.
+      expect(
+        const MenuPath(["file", "new", "document"]).containsPath(
+          const MenuPath(["file", "new", "document", "blog"]),
+        ),
+        isFalse,
+      );
+
+      // A path that starts with a match, but then goes down a different path,
+      // doesn't contain the other path.
+      expect(
+        const MenuPath(["file", "new", "document"]).containsPath(
+          const MenuPath(["file", "open"]),
+        ),
+        isFalse,
+      );
+    });
+
+    test("identifies subpaths", () {
+      // Proper sub-path.
+      expect(
+        const MenuPath(["file", "new"]).isSubPathOf(
+          const MenuPath(["file", "new", "document"]),
+        ),
+        isTrue,
+      );
+
+      // A path is a sub-path of itself.
+      expect(
+        const MenuPath(["file", "new", "document"]).isSubPathOf(
+          const MenuPath(["file", "new", "document"]),
+        ),
+        isTrue,
+      );
+
+      // A path that matches, but goes beyond the main path, isn't a sub-path.
+      expect(
+        const MenuPath(["file", "new", "document", "blog"]).isSubPathOf(
+          const MenuPath(["file", "new", "document"]),
+        ),
+        isFalse,
+      );
+
+      // A path that starts with a match, but then goes down a different path,
+      // isn't a sub-path.
+      expect(
+        const MenuPath(["file", "open"]).isSubPathOf(
+          const MenuPath(["file", "new", "document"]),
+        ),
+        isFalse,
+      );
+    });
+
+    test("appends paths", () {
+      expect(
+        const MenuPath(["file", "new"]).append("document"),
+        const MenuPath(["file", "new", "document"]),
+      );
+
+      expect(
+        const MenuPath(["file"]).appendAll(["new", "document"]),
+        const MenuPath(["file", "new", "document"]),
+      );
+    });
+  });
+}
diff --git a/test/menus/popover_test.dart b/test/menus/popover_test.dart
new file mode 100644
index 0000000..7c6af63
--- /dev/null
+++ b/test/menus/popover_test.dart
@@ -0,0 +1,599 @@
+import 'package:flutter/material.dart';
+import 'package:flutter_test/flutter_test.dart';
+import 'package:flutter_test_runners/flutter_test_runners.dart';
+import 'package:follow_the_leader/follow_the_leader.dart';
+import 'package:overlord/overlord.dart';
+
+void main() {
+  group('PopoverScaffold', () {
+    testWidgetsOnAllPlatforms('opens and closes the popover when requested', (tester) async {
+      final popoverController = PopoverController();
+
+      await tester.pumpWidget(
+        MaterialApp(
+          home: Scaffold(
+            body: PopoverScaffold(
+              controller: popoverController,
+              buttonBuilder: (context) => const SizedBox(),
+              popoverBuilder: (context) => const RoundedRectanglePopoverAppearance(
+                child: SizedBox(),
+              ),
+            ),
+          ),
+        ),
+      );
+
+      // Ensure the popover isn't displayed.
+      expect(find.byType(RoundedRectanglePopoverAppearance), findsNothing);
+
+      // Show the popover.
+      popoverController.open();
+      await tester.pump();
+
+      // Ensure the popover is displayed.
+      expect(find.byType(RoundedRectanglePopoverAppearance), findsOneWidget);
+
+      // Close the popover.
+      popoverController.close();
+      await tester.pump();
+
+      // Ensure the popover was closed.
+      expect(find.byType(RoundedRectanglePopoverAppearance), findsNothing);
+    });
+
+    testWidgetsOnAllPlatforms('closes the popover when tapping outside', (tester) async {
+      final popoverController = PopoverController();
+
+      await tester.pumpWidget(
+        MaterialApp(
+          home: Scaffold(
+            body: Center(
+              child: ConstrainedBox(
+                constraints: const BoxConstraints(maxHeight: 100),
+                child: PopoverScaffold(
+                  controller: popoverController,
+                  buttonBuilder: (context) => const SizedBox(),
+                  popoverBuilder: (context) => const RoundedRectanglePopoverAppearance(
+                    child: SizedBox(),
+                  ),
+                ),
+              ),
+            ),
+          ),
+        ),
+      );
+
+      // Ensure the popover isn't displayed.
+      expect(find.byType(RoundedRectanglePopoverAppearance), findsNothing);
+
+      // Show the popover.
+      popoverController.open();
+      await tester.pumpAndSettle();
+
+      // Ensure the popover is displayed.
+      expect(find.byType(RoundedRectanglePopoverAppearance), findsOneWidget);
+
+      // Taps outside of the popover.
+      await tester.tapAt(Offset.zero);
+      await tester.pumpAndSettle();
+
+      // Ensure the popover was closed.
+      expect(find.byType(RoundedRectanglePopoverAppearance), findsNothing);
+    });
+
+    testWidgetsOnAllPlatforms('does not close popover when tapping a widget with the same tap region groupId',
+        (tester) async {
+      final popoverController = PopoverController();
+
+      const tapRegionGroupId = 'popover_scaffold';
+
+      /// Pumps a tree with a PopoverScaffold at the top and a Button at the bottom,
+      /// with a space between them.
+      await tester.pumpWidget(
+        MaterialApp(
+          home: Scaffold(
+            body: SizedBox(
+              width: 200,
+              height: 500,
+              child: Stack(
+                children: [
+                  Positioned(
+                    top: 0,
+                    left: 0,
+                    child: SizedBox(
+                      width: 200,
+                      height: 200,
+                      child: PopoverScaffold(
+                        tapRegionGroupId: tapRegionGroupId,
+                        controller: popoverController,
+                        buttonBuilder: (context) => const SizedBox(),
+                        popoverBuilder: (context) => const RoundedRectanglePopoverAppearance(
+                          child: SizedBox(),
+                        ),
+                      ),
+                    ),
+                  ),
+                  Positioned(
+                    child: TapRegion(
+                      groupId: tapRegionGroupId,
+                      child: ElevatedButton(
+                        onPressed: () {},
+                        child: const SizedBox(
+                          height: 200,
+                          width: 200,
+                        ),
+                      ),
+                    ),
+                  ),
+                ],
+              ),
+            ),
+          ),
+        ),
+      );
+
+      // Ensure the popover isn't displayed.
+      expect(find.byType(RoundedRectanglePopoverAppearance), findsNothing);
+
+      // Show the popover.
+      popoverController.open();
+      await tester.pump();
+
+      // Ensure the popover is displayed.
+      expect(find.byType(RoundedRectanglePopoverAppearance), findsOneWidget);
+
+      // Tap the button.
+      await tester.tap(find.byType(ElevatedButton));
+      await tester.pump();
+
+      // Ensure the popover is still displayed.
+      expect(find.byType(RoundedRectanglePopoverAppearance), findsOneWidget);
+    });
+
+    testWidgetsOnAllPlatforms('enforces the given popover geometry', (tester) async {
+      final buttonKey = GlobalKey();
+      final popoverController = PopoverController();
+
+      await tester.pumpWidget(
+        MaterialApp(
+          home: Scaffold(
+            body: Center(
+              child: PopoverScaffold(
+                controller: popoverController,
+                popoverGeometry: PopoverGeometry(
+                  constraints: const BoxConstraints(maxHeight: 300),
+                  aligner: FunctionalPopoverAligner(
+                      (globalLeaderRect, followerSize, screenSize, boundaryKey) => const FollowerAlignment(
+                            leaderAnchor: Alignment.topRight,
+                            followerAnchor: Alignment.topLeft,
+                            followerOffset: Offset(10, 10),
+                          )),
+                ),
+                buttonBuilder: (context) => SizedBox(key: buttonKey),
+                popoverBuilder: (context) => const RoundedRectanglePopoverAppearance(
+                  child: SizedBox(height: 500),
+                ),
+              ),
+            ),
+          ),
+        ),
+      );
+
+      // Ensure the popover isn't displayed.
+      expect(find.byType(RoundedRectanglePopoverAppearance), findsNothing);
+
+      // Show the popover.
+      popoverController.open();
+      await tester.pumpAndSettle();
+
+      // Ensure the popover is displayed.
+      expect(find.byType(RoundedRectanglePopoverAppearance), findsOneWidget);
+
+      final buttonRect = tester.getRect(find.byKey(buttonKey));
+      final popoverRect = tester.getRect(find.byType(RoundedRectanglePopoverAppearance));
+
+      // Ensure the given geometry was honored.
+      expect(popoverRect.height, moreOrLessEquals(300));
+      expect(popoverRect.top, buttonRect.top + 10);
+      expect(popoverRect.left, buttonRect.right + 10);
+    });
+
+    group('default popover geometry', () {
+      group('with a boundary key', () {
+        testWidgetsOnAllPlatforms('positions the popover below button if there is room', (tester) async {
+          final boundaryKey = GlobalKey();
+          final buttonKey = GlobalKey();
+          final popoverController = PopoverController();
+
+          // Use a screen size bigger than the boundary widget
+          // to make sure we use the widget size instead of the screen size
+          // to size and position the popover.
+          tester.view
+            ..devicePixelRatio = 1.0
+            ..platformDispatcher.textScaleFactorTestValue = 1.0
+            ..physicalSize = const Size(1000, 2000);
+          addTearDown(() => tester.platformDispatcher.clearAllTestValues());
+
+          // Pump a tree with a popover that fits below the button.
+          await tester.pumpWidget(
+            MaterialApp(
+              home: Scaffold(
+                body: SizedBox(
+                  key: boundaryKey,
+                  height: 300,
+                  child: Stack(
+                    children: [
+                      Positioned(
+                        top: 0,
+                        child: PopoverScaffold(
+                          controller: popoverController,
+                          boundaryKey: boundaryKey,
+                          buttonBuilder: (context) => SizedBox(
+                            key: buttonKey,
+                            height: 50,
+                          ),
+                          popoverBuilder: (context) => const RoundedRectanglePopoverAppearance(
+                            child: SizedBox(height: 200),
+                          ),
+                        ),
+                      ),
+                    ],
+                  ),
+                ),
+              ),
+            ),
+          );
+
+          // Ensure the popover isn't displayed.
+          expect(find.byType(RoundedRectanglePopoverAppearance), findsNothing);
+
+          // Show the popover.
+          popoverController.open();
+          await tester.pumpAndSettle();
+
+          // Ensure the popover is displayed.
+          expect(find.byType(RoundedRectanglePopoverAppearance), findsOneWidget);
+
+          final buttonRect = tester.getRect(find.byKey(buttonKey));
+          final popoverRect = tester.getRect(find.byType(RoundedRectanglePopoverAppearance));
+
+          // Ensure popover was displayed below the button.
+          expect(popoverRect.top, greaterThan(buttonRect.bottom));
+        });
+
+        testWidgetsOnAllPlatforms('positions the popover above button if there is room above but not below',
+            (tester) async {
+          final boundaryKey = GlobalKey();
+          final buttonKey = GlobalKey();
+          final popoverController = PopoverController();
+
+          // Use a screen size bigger than the boundary widget
+          // to make sure we use the widget size instead of the screen size
+          // to size and position the popover.
+          tester.view
+            ..devicePixelRatio = 1.0
+            ..platformDispatcher.textScaleFactorTestValue = 1.0
+            ..physicalSize = const Size(1000, 2000);
+          addTearDown(() => tester.platformDispatcher.clearAllTestValues());
+
+          // Pump a tree with a popover that fits above the button.
+          await tester.pumpWidget(
+            MaterialApp(
+              home: Scaffold(
+                body: SizedBox(
+                  key: boundaryKey,
+                  height: 300,
+                  child: Stack(
+                    children: [
+                      Positioned(
+                        top: 250,
+                        child: PopoverScaffold(
+                          controller: popoverController,
+                          boundaryKey: boundaryKey,
+                          buttonBuilder: (context) => SizedBox(
+                            key: buttonKey,
+                            height: 50,
+                          ),
+                          popoverBuilder: (context) => const RoundedRectanglePopoverAppearance(
+                            child: SizedBox(height: 200),
+                          ),
+                        ),
+                      ),
+                    ],
+                  ),
+                ),
+              ),
+            ),
+          );
+
+          // Ensure the popover isn't displayed.
+          expect(find.byType(RoundedRectanglePopoverAppearance), findsNothing);
+
+          // Show the popover.
+          popoverController.open();
+          await tester.pumpAndSettle();
+
+          // Ensure the popover is displayed.
+          expect(find.byType(RoundedRectanglePopoverAppearance), findsOneWidget);
+
+          final buttonRect = tester.getRect(find.byKey(buttonKey));
+          final popoverRect = tester.getRect(find.byType(RoundedRectanglePopoverAppearance));
+
+          // Ensure popover was displayed above the button.
+          expect(popoverRect.bottom, lessThan(buttonRect.top));
+        });
+
+        testWidgetsOnAllPlatforms(
+            'pins the popover to the bottom of boundary if there is not room below or above the button',
+            (tester) async {
+          final boundaryKey = GlobalKey();
+          final buttonKey = GlobalKey();
+          final popoverController = PopoverController();
+
+          // Use a screen size bigger than the boundary widget
+          // to make sure we use the widget size instead of the screen size
+          // to size and position the popover.
+          tester.view
+            ..devicePixelRatio = 1.0
+            ..platformDispatcher.textScaleFactorTestValue = 1.0
+            ..physicalSize = const Size(1000, 2000);
+          addTearDown(() => tester.platformDispatcher.clearAllTestValues());
+
+          // Pump a tree with a popover that doesn't fit below or above the button.
+          await tester.pumpWidget(
+            MaterialApp(
+              home: Scaffold(
+                body: SizedBox(
+                  key: boundaryKey,
+                  height: 500,
+                  child: Stack(
+                    children: [
+                      Positioned(
+                        top: 400,
+                        child: PopoverScaffold(
+                          controller: popoverController,
+                          boundaryKey: boundaryKey,
+                          buttonBuilder: (context) => SizedBox(
+                            key: buttonKey,
+                            height: 50,
+                          ),
+                          popoverBuilder: (context) => const RoundedRectanglePopoverAppearance(
+                            child: SizedBox(height: 700),
+                          ),
+                        ),
+                      ),
+                    ],
+                  ),
+                ),
+              ),
+            ),
+          );
+
+          // Ensure the popover isn't displayed.
+          expect(find.byType(RoundedRectanglePopoverAppearance), findsNothing);
+
+          // Show the popover.
+          popoverController.open();
+          await tester.pumpAndSettle();
+
+          // Ensure the popover is displayed.
+          expect(find.byType(RoundedRectanglePopoverAppearance), findsOneWidget);
+
+          final popoverRect = tester.getRect(find.byType(RoundedRectanglePopoverAppearance));
+
+          // Ensure popover was pinned of the bottom to the boundary widget
+          // and did not exceeded the boundary size.
+          expect(popoverRect.bottom, 500);
+          expect(popoverRect.height, 500);
+        });
+      });
+
+      group('without a boundary key', () {
+        testWidgetsOnAllPlatforms('positions the popover below button if there is room', (tester) async {
+          final buttonKey = GlobalKey();
+          final popoverController = PopoverController();
+
+          tester.view
+            ..devicePixelRatio = 1.0
+            ..platformDispatcher.textScaleFactorTestValue = 1.0
+            ..physicalSize = const Size(1000, 600);
+
+          addTearDown(() => tester.platformDispatcher.clearAllTestValues());
+
+          // Pump a tree with a popover that fits below the button.
+          await tester.pumpWidget(
+            MaterialApp(
+              home: Scaffold(
+                body: PopoverScaffold(
+                  controller: popoverController,
+                  buttonBuilder: (context) => SizedBox(
+                    key: buttonKey,
+                    height: 50,
+                  ),
+                  popoverBuilder: (context) => const RoundedRectanglePopoverAppearance(
+                    child: SizedBox(height: 500),
+                  ),
+                ),
+              ),
+            ),
+          );
+
+          // Ensure the popover isn't displayed.
+          expect(find.byType(RoundedRectanglePopoverAppearance), findsNothing);
+
+          // Show the popover.
+          popoverController.open();
+          await tester.pumpAndSettle();
+
+          // Ensure the popover is displayed.
+          expect(find.byType(RoundedRectanglePopoverAppearance), findsOneWidget);
+
+          final buttonRect = tester.getRect(find.byKey(buttonKey));
+          final popoverRect = tester.getRect(find.byType(RoundedRectanglePopoverAppearance));
+
+          // Ensure popover was displayed below the button.
+          expect(popoverRect.top, greaterThan(buttonRect.bottom));
+        });
+
+        testWidgetsOnAllPlatforms('positions the popover above button if there is room above but not below',
+            (tester) async {
+          final buttonKey = GlobalKey();
+          final popoverController = PopoverController();
+
+          tester.view
+            ..devicePixelRatio = 1.0
+            ..platformDispatcher.textScaleFactorTestValue = 1.0
+            ..physicalSize = const Size(1000, 800);
+
+          addTearDown(() => tester.platformDispatcher.clearAllTestValues());
+
+          // Pump a tree with a popover that doesn't fit below the button, but fits above it.
+          await tester.pumpWidget(
+            MaterialApp(
+              home: Scaffold(
+                body: Container(
+                  alignment: Alignment.bottomCenter,
+                  child: PopoverScaffold(
+                    controller: popoverController,
+                    buttonBuilder: (context) => SizedBox(
+                      key: buttonKey,
+                      height: 50,
+                    ),
+                    popoverBuilder: (context) => const RoundedRectanglePopoverAppearance(
+                      child: SizedBox(height: 500),
+                    ),
+                  ),
+                ),
+              ),
+            ),
+          );
+
+          // Ensure the popover isn't displayed.
+          expect(find.byType(RoundedRectanglePopoverAppearance), findsNothing);
+
+          // Show the popover.
+          popoverController.open();
+          await tester.pumpAndSettle();
+
+          // Ensure the popover is displayed.
+          expect(find.byType(RoundedRectanglePopoverAppearance), findsOneWidget);
+
+          final buttonRect = tester.getRect(find.byKey(buttonKey));
+          final popoverRect = tester.getRect(find.byType(RoundedRectanglePopoverAppearance));
+
+          // Ensure popover was displayed above the button.
+          expect(popoverRect.bottom, lessThan(buttonRect.top));
+        });
+
+        testWidgetsOnAllPlatforms(
+            'pins the popover to the bottom of screen if there is not room below or above the button', (tester) async {
+          final buttonKey = GlobalKey();
+          final popoverController = PopoverController();
+
+          tester.view
+            ..devicePixelRatio = 1.0
+            ..platformDispatcher.textScaleFactorTestValue = 1.0
+            ..physicalSize = const Size(1000, 600);
+
+          addTearDown(() => tester.platformDispatcher.clearAllTestValues());
+
+          // Pump a tree with a popover that doesn't fit below or above the button.
+          await tester.pumpWidget(
+            MaterialApp(
+              home: Scaffold(
+                body: Center(
+                  child: PopoverScaffold(
+                    controller: popoverController,
+                    buttonBuilder: (context) => SizedBox(
+                      key: buttonKey,
+                      height: 50,
+                    ),
+                    popoverBuilder: (context) => const RoundedRectanglePopoverAppearance(
+                      child: SizedBox(height: 500),
+                    ),
+                  ),
+                ),
+              ),
+            ),
+          );
+
+          // Ensure the popover isn't displayed.
+          expect(find.byType(RoundedRectanglePopoverAppearance), findsNothing);
+
+          // Show the popover.
+          popoverController.open();
+          await tester.pumpAndSettle();
+
+          // Ensure the popover is displayed.
+          expect(find.byType(RoundedRectanglePopoverAppearance), findsOneWidget);
+
+          final popoverRect = tester.getRect(find.byType(RoundedRectanglePopoverAppearance));
+
+          // Ensure popover was displayed pinned to the bottom of the screen.
+          expect(popoverRect.bottom, 600);
+        });
+      });
+    });
+
+    testWidgetsOnAllPlatforms('shares focus with widgets of a different subtree', (tester) async {
+      // When PopoverScaffold is in a different subtree from the currently focused widget,
+      // for example, an Overlay or OverlayPortal, it doesn't naturally shares focus with it.
+      //
+      // This test makes sure PopoverScaffold has the ability to setup focus sharing
+      // with widgets of a different subtree, so the popover shares focus with a parent FocusNode.
+
+      final parentFocusNode = FocusNode();
+      final popoverFocusNode = FocusNode();
+
+      final popoverController = PopoverController();
+      final overLayControler = OverlayPortalController();
+
+      await tester.pumpWidget(
+        MaterialApp(
+          home: Scaffold(
+            body: Focus(
+              focusNode: parentFocusNode,
+              child: OverlayPortal(
+                controller: overLayControler,
+                overlayChildBuilder: (context) => PopoverScaffold(
+                  controller: popoverController,
+                  parentFocusNode: parentFocusNode,
+                  popoverFocusNode: popoverFocusNode,
+                  buttonBuilder: (context) => const SizedBox(),
+                  popoverBuilder: (context) => Focus(
+                    focusNode: popoverFocusNode,
+                    child: const SizedBox(),
+                  ),
+                ),
+              ),
+            ),
+          ),
+        ),
+      );
+
+      // Focus the parent node.
+      parentFocusNode.requestFocus();
+      await tester.pump();
+      expect(parentFocusNode.hasPrimaryFocus, true);
+
+      // Show the overlay.
+      overLayControler.show();
+      await tester.pumpAndSettle();
+
+      // Show the popover.
+      popoverController.open();
+      await tester.pumpAndSettle();
+
+      // Ensure the parent node has non-primary focus.
+      expect(parentFocusNode.hasFocus, true);
+      expect(parentFocusNode.hasPrimaryFocus, isFalse);
+
+      // Close the popover.
+      popoverController.close();
+      await tester.pump();
+
+      // Ensure the parent node has primary focus again.
+      expect(parentFocusNode.hasPrimaryFocus, true);
+    });
+  });
+}
diff --git a/test_goldens/cupertino/cupertino_popover_menu_test.dart b/test_goldens/cupertino/cupertino_popover_menu_test.dart
index e723cd6..24656a4 100644
--- a/test_goldens/cupertino/cupertino_popover_menu_test.dart
+++ b/test_goldens/cupertino/cupertino_popover_menu_test.dart
@@ -405,11 +405,11 @@ Future<void> _pumpIosToolbar(
 }
 
 Future<void> _pumpToolbarScaffold(WidgetTester tester, {required Widget child}) async {
-  tester.binding.window
-    ..physicalSizeTestValue = const Size(500, 500)
+  tester.view
+    ..physicalSize = const Size(500, 500)
     ..platformDispatcher.textScaleFactorTestValue = 1.0
-    ..devicePixelRatioTestValue = 1.0;
-  addTearDown(() => tester.binding.window.clearAllTestValues());
+    ..devicePixelRatio = 1.0;
+  addTearDown(() => tester.platformDispatcher.clearAllTestValues());
 
   await tester.pumpWidget(
     MaterialApp(
@@ -425,11 +425,11 @@ Future<void> _pumpPopoverMenuTestApp(
   WidgetTester tester, {
   required Offset arrowFocalPoint,
 }) async {
-  tester.binding.window
-    ..physicalSizeTestValue = const Size(500, 500)
+  tester.view
+    ..physicalSize = const Size(500, 500)
     ..platformDispatcher.textScaleFactorTestValue = 1.0
-    ..devicePixelRatioTestValue = 1.0;
-  addTearDown(() => tester.binding.window.clearAllTestValues());
+    ..devicePixelRatio = 1.0;
+  addTearDown(() => tester.platformDispatcher.clearAllTestValues());
 
   await tester.pumpWidget(
     MaterialApp(
diff --git a/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-down-center-focal-point.png b/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-down-center-focal-point.png
index 8e93ef1..1026934 100644
Binary files a/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-down-center-focal-point.png and b/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-down-center-focal-point.png differ
diff --git a/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-down-left-focal-point-too-low.png b/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-down-left-focal-point-too-low.png
index e0fa3e2..f170aa9 100644
Binary files a/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-down-left-focal-point-too-low.png and b/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-down-left-focal-point-too-low.png differ
diff --git a/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-down-left-focal-point.png b/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-down-left-focal-point.png
index b64391c..5a66958 100644
Binary files a/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-down-left-focal-point.png and b/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-down-left-focal-point.png differ
diff --git a/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-down-right-focal-point-too-big.png b/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-down-right-focal-point-too-big.png
index 2cca3d3..41021c8 100644
Binary files a/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-down-right-focal-point-too-big.png and b/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-down-right-focal-point-too-big.png differ
diff --git a/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-down-right-focal-point.png b/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-down-right-focal-point.png
index 9f1d17f..ed01c3f 100644
Binary files a/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-down-right-focal-point.png and b/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-down-right-focal-point.png differ
diff --git a/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-left-bottom-focal-point-too-big.png b/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-left-bottom-focal-point-too-big.png
index 90c3f47..05032b1 100644
Binary files a/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-left-bottom-focal-point-too-big.png and b/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-left-bottom-focal-point-too-big.png differ
diff --git a/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-left-bottom-focal-point.png b/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-left-bottom-focal-point.png
index 197f9f9..a68d58b 100644
Binary files a/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-left-bottom-focal-point.png and b/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-left-bottom-focal-point.png differ
diff --git a/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-left-center-focal-point.png b/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-left-center-focal-point.png
index d34347b..d0d9399 100644
Binary files a/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-left-center-focal-point.png and b/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-left-center-focal-point.png differ
diff --git a/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-left-top-focal-point-too-low.png b/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-left-top-focal-point-too-low.png
index f05596c..5074289 100644
Binary files a/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-left-top-focal-point-too-low.png and b/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-left-top-focal-point-too-low.png differ
diff --git a/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-left-top-focal-point.png b/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-left-top-focal-point.png
index 2ff02b7..cf51d83 100644
Binary files a/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-left-top-focal-point.png and b/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-left-top-focal-point.png differ
diff --git a/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-right-bottom-focal-point-too-big.png b/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-right-bottom-focal-point-too-big.png
index 3e3bdb5..0c3735d 100644
Binary files a/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-right-bottom-focal-point-too-big.png and b/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-right-bottom-focal-point-too-big.png differ
diff --git a/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-right-bottom-focal-point.png b/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-right-bottom-focal-point.png
index 14b09fe..a6f0ca5 100644
Binary files a/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-right-bottom-focal-point.png and b/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-right-bottom-focal-point.png differ
diff --git a/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-right-center-focal-point.png b/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-right-center-focal-point.png
index 65f4f70..950ea24 100644
Binary files a/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-right-center-focal-point.png and b/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-right-center-focal-point.png differ
diff --git a/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-right-top-focal-point-too-low.png b/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-right-top-focal-point-too-low.png
index 32d3d38..7e35f69 100644
Binary files a/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-right-top-focal-point-too-low.png and b/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-right-top-focal-point-too-low.png differ
diff --git a/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-right-top-focal-point.png b/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-right-top-focal-point.png
index 9f8a522..6a45029 100644
Binary files a/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-right-top-focal-point.png and b/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-right-top-focal-point.png differ
diff --git a/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-up-center-focal-point.png b/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-up-center-focal-point.png
index 829aaa9..2df93c5 100644
Binary files a/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-up-center-focal-point.png and b/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-up-center-focal-point.png differ
diff --git a/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-up-left-focal-point-too-low.png b/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-up-left-focal-point-too-low.png
index 42ffe97..71227fd 100644
Binary files a/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-up-left-focal-point-too-low.png and b/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-up-left-focal-point-too-low.png differ
diff --git a/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-up-left-focal-point.png b/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-up-left-focal-point.png
index d467a01..18e7e24 100644
Binary files a/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-up-left-focal-point.png and b/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-up-left-focal-point.png differ
diff --git a/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-up-right-focal-point-too-big.png b/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-up-right-focal-point-too-big.png
index aa533d2..ec646fa 100644
Binary files a/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-up-right-focal-point-too-big.png and b/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-up-right-focal-point-too-big.png differ
diff --git a/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-up-right-focal-point.png b/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-up-right-focal-point.png
index c258d7e..2144ecb 100644
Binary files a/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-up-right-focal-point.png and b/test_goldens/cupertino/goldens/cupertino-popover-menu/pointing-up-right-focal-point.png differ
diff --git a/test_goldens/cupertino/goldens/cupertino-toolbar/auto-paginated-page1.png b/test_goldens/cupertino/goldens/cupertino-toolbar/auto-paginated-page1.png
index cabe440..c3c2653 100644
Binary files a/test_goldens/cupertino/goldens/cupertino-toolbar/auto-paginated-page1.png and b/test_goldens/cupertino/goldens/cupertino-toolbar/auto-paginated-page1.png differ
diff --git a/test_goldens/cupertino/goldens/cupertino-toolbar/auto-paginated-page2.png b/test_goldens/cupertino/goldens/cupertino-toolbar/auto-paginated-page2.png
index ec5309c..ce007f3 100644
Binary files a/test_goldens/cupertino/goldens/cupertino-toolbar/auto-paginated-page2.png and b/test_goldens/cupertino/goldens/cupertino-toolbar/auto-paginated-page2.png differ
diff --git a/test_goldens/cupertino/goldens/cupertino-toolbar/auto-paginated-page3.png b/test_goldens/cupertino/goldens/cupertino-toolbar/auto-paginated-page3.png
index 129d5be..435478e 100644
Binary files a/test_goldens/cupertino/goldens/cupertino-toolbar/auto-paginated-page3.png and b/test_goldens/cupertino/goldens/cupertino-toolbar/auto-paginated-page3.png differ
diff --git a/test_goldens/cupertino/goldens/cupertino-toolbar/auto-paginated-page4.png b/test_goldens/cupertino/goldens/cupertino-toolbar/auto-paginated-page4.png
index 28e9a76..9c4b2bd 100644
Binary files a/test_goldens/cupertino/goldens/cupertino-toolbar/auto-paginated-page4.png and b/test_goldens/cupertino/goldens/cupertino-toolbar/auto-paginated-page4.png differ
diff --git a/test_goldens/cupertino/goldens/cupertino-toolbar/manual-pagination-page1.png b/test_goldens/cupertino/goldens/cupertino-toolbar/manual-pagination-page1.png
index cabe440..c3c2653 100644
Binary files a/test_goldens/cupertino/goldens/cupertino-toolbar/manual-pagination-page1.png and b/test_goldens/cupertino/goldens/cupertino-toolbar/manual-pagination-page1.png differ
diff --git a/test_goldens/cupertino/goldens/cupertino-toolbar/manual-pagination-page2.png b/test_goldens/cupertino/goldens/cupertino-toolbar/manual-pagination-page2.png
index 801dcda..0366c08 100644
Binary files a/test_goldens/cupertino/goldens/cupertino-toolbar/manual-pagination-page2.png and b/test_goldens/cupertino/goldens/cupertino-toolbar/manual-pagination-page2.png differ
diff --git a/test_goldens/cupertino/goldens/cupertino-toolbar/pointing-down-center-focal-point.png b/test_goldens/cupertino/goldens/cupertino-toolbar/pointing-down-center-focal-point.png
index c7ec604..45db6df 100644
Binary files a/test_goldens/cupertino/goldens/cupertino-toolbar/pointing-down-center-focal-point.png and b/test_goldens/cupertino/goldens/cupertino-toolbar/pointing-down-center-focal-point.png differ
diff --git a/test_goldens/cupertino/goldens/cupertino-toolbar/pointing-down-left-focal-point-too-low.png b/test_goldens/cupertino/goldens/cupertino-toolbar/pointing-down-left-focal-point-too-low.png
index 4e91574..c74b658 100644
Binary files a/test_goldens/cupertino/goldens/cupertino-toolbar/pointing-down-left-focal-point-too-low.png and b/test_goldens/cupertino/goldens/cupertino-toolbar/pointing-down-left-focal-point-too-low.png differ
diff --git a/test_goldens/cupertino/goldens/cupertino-toolbar/pointing-down-left-focal-point.png b/test_goldens/cupertino/goldens/cupertino-toolbar/pointing-down-left-focal-point.png
index 1bd22fb..3501b8c 100644
Binary files a/test_goldens/cupertino/goldens/cupertino-toolbar/pointing-down-left-focal-point.png and b/test_goldens/cupertino/goldens/cupertino-toolbar/pointing-down-left-focal-point.png differ
diff --git a/test_goldens/cupertino/goldens/cupertino-toolbar/pointing-down-right-focal-point-too-big.png b/test_goldens/cupertino/goldens/cupertino-toolbar/pointing-down-right-focal-point-too-big.png
index 1e31ee7..4e5e9a2 100644
Binary files a/test_goldens/cupertino/goldens/cupertino-toolbar/pointing-down-right-focal-point-too-big.png and b/test_goldens/cupertino/goldens/cupertino-toolbar/pointing-down-right-focal-point-too-big.png differ
diff --git a/test_goldens/cupertino/goldens/cupertino-toolbar/pointing-down-right-focal-point.png b/test_goldens/cupertino/goldens/cupertino-toolbar/pointing-down-right-focal-point.png
index 4c3f39a..0bd0f62 100644
Binary files a/test_goldens/cupertino/goldens/cupertino-toolbar/pointing-down-right-focal-point.png and b/test_goldens/cupertino/goldens/cupertino-toolbar/pointing-down-right-focal-point.png differ
diff --git a/test_goldens/cupertino/goldens/cupertino-toolbar/pointing-up-center-focal-point.png b/test_goldens/cupertino/goldens/cupertino-toolbar/pointing-up-center-focal-point.png
index fcdd9a8..2b0dd2d 100644
Binary files a/test_goldens/cupertino/goldens/cupertino-toolbar/pointing-up-center-focal-point.png and b/test_goldens/cupertino/goldens/cupertino-toolbar/pointing-up-center-focal-point.png differ
diff --git a/test_goldens/cupertino/goldens/cupertino-toolbar/pointing-up-left-focal-point-too-low.png b/test_goldens/cupertino/goldens/cupertino-toolbar/pointing-up-left-focal-point-too-low.png
index bff02d0..701c6be 100644
Binary files a/test_goldens/cupertino/goldens/cupertino-toolbar/pointing-up-left-focal-point-too-low.png and b/test_goldens/cupertino/goldens/cupertino-toolbar/pointing-up-left-focal-point-too-low.png differ
diff --git a/test_goldens/cupertino/goldens/cupertino-toolbar/pointing-up-left-focal-point.png b/test_goldens/cupertino/goldens/cupertino-toolbar/pointing-up-left-focal-point.png
index 303920c..2ad8fbb 100644
Binary files a/test_goldens/cupertino/goldens/cupertino-toolbar/pointing-up-left-focal-point.png and b/test_goldens/cupertino/goldens/cupertino-toolbar/pointing-up-left-focal-point.png differ
diff --git a/test_goldens/cupertino/goldens/cupertino-toolbar/pointing-up-right-focal-point-too-big.png b/test_goldens/cupertino/goldens/cupertino-toolbar/pointing-up-right-focal-point-too-big.png
index 10c5541..791b795 100644
Binary files a/test_goldens/cupertino/goldens/cupertino-toolbar/pointing-up-right-focal-point-too-big.png and b/test_goldens/cupertino/goldens/cupertino-toolbar/pointing-up-right-focal-point-too-big.png differ
diff --git a/test_goldens/cupertino/goldens/cupertino-toolbar/pointing-up-right-focal-point.png b/test_goldens/cupertino/goldens/cupertino-toolbar/pointing-up-right-focal-point.png
index 3439c0f..1b964b9 100644
Binary files a/test_goldens/cupertino/goldens/cupertino-toolbar/pointing-up-right-focal-point.png and b/test_goldens/cupertino/goldens/cupertino-toolbar/pointing-up-right-focal-point.png differ