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

void main() {
  runApp(const MyApp());
  //Uncomment this and recheck to reproduce the issue
  // SemanticsBinding.instance.ensureSemantics();
}

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

  @override
  Widget build(BuildContext context) {
    return MaterialApp(title: 'Flutter Demo', home: MyHomePage(title: 'Flutter Demo Home Page'));
  }
}

class MyHomePage extends StatelessWidget {
  MyHomePage({super.key, required this.title});

  final OverlayPortalController controller = OverlayPortalController();
  final String title;

  @override
  Widget build(BuildContext context) => Scaffold(
    appBar: AppBar(title: Text(title)),
    body: Center(
      child: Column(
        children: [
          OverlayPortal(
            controller: controller,
            overlayChildBuilder:
                (BuildContext context) => Column(
                  children: [
                    InkWell(
                      onTap: () {
                        print("Tapped");
                      },
                      child: Container(
                        height: 200,
                        width: 300,
                        color: Colors.red,
                        child: Center(child: Text("Click here")),
                      ),
                    ),
                  ],
                ),

            child: InkWell(
              onTap: () {
                if (controller.isShowing) {
                  controller.hide();
                } else {
                  controller.show();
                }
              },
              child: Text("Click here"),
            ),
          ),
          TextField(),
        ],
      ),
    ),
  );
}