No Accessibility label on expanded menu of MenuAnchor #184876

import 'package:flutter/material.dart';

/// 🔥 DUMMY ENTITY (same as your StateEntity)
class StateEntity {
  final String state;
  final String abbreviation;

  StateEntity({required this.state, required this.abbreviation});
}

class DropdownDemoPage extends StatefulWidget {
  const DropdownDemoPage({super.key});

  @override
  State<DropdownDemoPage> createState() => _DropdownDemoPageState();
}

class _DropdownDemoPageState extends State<DropdownDemoPage> {
  final MenuController _menuController = MenuController();

  bool _isDropdownOpen = false;
  String? selectedState;

  /// 🔥 HARDCODE DATA
  final List<StateEntity> states = <StateEntity>[
    StateEntity(state: 'Maharashtra', abbreviation: 'MH'),
    StateEntity(state: 'Gujarat', abbreviation: 'GJ'),
    StateEntity(state: 'Delhi', abbreviation: 'DL'),
    StateEntity(state: 'Karnataka', abbreviation: 'KA'),
  ];

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(title: const Text('Dropdown Demo')),
      body: Padding(
        padding: const EdgeInsets.fromLTRB(16, 40, 16, 16),
        child: LayoutBuilder(
          builder: (BuildContext context, BoxConstraints constraints) {
            return MenuAnchor(
              controller: _menuController,
              crossAxisUnconstrained: false,

              onOpen: () {
                setState(() => _isDropdownOpen = true);
              },
              onClose: () {
                setState(() => _isDropdownOpen = false);
              },

              style: MenuStyle(
                backgroundColor:
                    const WidgetStatePropertyAll<Color>(Colors.white),
                surfaceTintColor:
                    const WidgetStatePropertyAll<Color>(Colors.transparent),
                shape: WidgetStatePropertyAll<RoundedRectangleBorder>(
                  RoundedRectangleBorder(
                    borderRadius: BorderRadius.circular(8),
                  ),
                ),
                fixedSize: WidgetStatePropertyAll<Size>(
                  Size(constraints.maxWidth, 200),
                ),
              ),

              /// 🔥 DROPDOWN ITEMS
              menuChildren: states.map((StateEntity e) {
                final bool isSelected = e.abbreviation == selectedState;

                return MenuItemButton(
                  onPressed: () {
                    setState(() {
                      selectedState = e.abbreviation;
                    });
                    _menuController.close();
                  },
                  leadingIcon: isSelected
                      ? const Icon(Icons.check)
                      : const Icon(Icons.check, color: Colors.transparent),
                  child: Padding(
                    padding: const EdgeInsets.symmetric(vertical: 10),
                    child: Text(e.state),
                  ),
                );
              }).toList(),

              /// 🔥 MAIN FIELD UI
              builder: (BuildContext context, MenuController controller, Widget? child) {
                return MergeSemantics(
                  child: Semantics(
                    button: true,
                    label: 'State Dropdown',
                    onTap: () {
                      controller.isOpen
                          ? controller.close()
                          : controller.open();
                    },
                    container: true,
                    child: InkWell(
                      onTap: () {
                        controller.isOpen
                            ? controller.close()
                            : controller.open();
                      },
                      child: SizedBox(
                        width: double.infinity,
                        child: InputDecorator(
                          decoration: InputDecoration(
                            contentPadding: const EdgeInsets.symmetric(
                                horizontal: 12, vertical: 14),
                            border: OutlineInputBorder(
                              borderRadius: BorderRadius.circular(4),
                              borderSide: BorderSide(
                                color:
                                    _isDropdownOpen ? Colors.blue : Colors.grey,
                                width: _isDropdownOpen ? 2 : 1,
                              ),
                            ),
                            suffixIcon: Icon(
                              _isDropdownOpen
                                  ? Icons.arrow_drop_up
                                  : Icons.arrow_drop_down,
                            ),
                          ),
                          child: Text(
                            selectedState != null
                                ? states
                                    .firstWhere(
                                        (StateEntity e) => e.abbreviation == selectedState)
                                    .state
                                : 'Select',
                            style: TextStyle(
                              color: selectedState == null
                                  ? Colors.grey
                                  : Colors.black,
                            ),
                          ),
                        ),
                      ),
                    ),
                  ),
                );
              },
            );
          },
        ),
      ),
    );
  }
}