[go_router][web] Autocomplete field loses focus in ShellRoute with semantics enabled #194873

import 'package:flutter/material.dart';
import 'package:flutter/semantics.dart';
import 'package:go_router/go_router.dart';

void main() {
  WidgetsFlutterBinding.ensureInitialized();
  SemanticsBinding.instance.ensureSemantics();
  runApp(const FocusRepro());
}

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

  @override
  State<FocusRepro> createState() => _FocusReproState();
}

class _FocusReproState extends State<FocusRepro> {
  late final GoRouter router = GoRouter(
    routes: [
      ShellRoute(
        builder: (context, state, child) => Scaffold(
          body: Row(
            children: [
              Semantics(
                container: true,
                label: 'Shell navigation',
                child: const SizedBox(width: 80, child: Text('Nav')),
              ),
              Expanded(child: child),
            ],
          ),
        ),
        routes: [
          ShellRoute(
            builder: (context, state, child) => child,
            routes: [
              GoRoute(path: '/', builder: (context, state) => const StateField()),
            ],
          ),
        ],
      ),
    ],
  );

  @override
  void dispose() {
    router.dispose();
    super.dispose();
  }

  @override
  Widget build(BuildContext context) => MaterialApp.router(routerConfig: router);
}

class StateField extends StatelessWidget {
  const StateField({super.key});

  @override
  Widget build(BuildContext context) => Center(
    child: SizedBox(
      width: 300,
      child: Autocomplete<String>(
        optionsBuilder: (value) => ['Texas', 'Tennessee', 'New York']
            .where((option) => option.toLowerCase().contains(value.text.toLowerCase())),
        fieldViewBuilder: (context, controller, focusNode, onFieldSubmitted) => TextField(
          key: const ValueKey('state-field'),
          controller: controller,
          focusNode: focusNode,
          decoration: const InputDecoration(labelText: 'State'),
        ),
      ),
    ),
  );
}