title: How to make area outside overlay widget unlickcable?
body: <p>How can i make the area outside the black container untapable . I have used overlay widget to create pop up but the problem is now other area are clickable .</p>
  <pre><code>OverlayEntry(
    builder: (context) =&gt; Positioned(
      top: _offset.dy - 130,
      left: _offset.dx - 25,
      width: _size.width + 50,
      child: ScaleTransition(
        scale: Tween&lt;double&gt;(begin: 0.5, end: 0.9).animate(
          CurvedAnimation(parent: _controller, curve: Curves.bounceOut),
        ),
        child: Column(
          children: [
            Container(
              decoration: BoxDecoration(
                color: Colors.black.withOpacity(
                  0.6,
                ),
                borderRadius: BorderRadius.circular(6),
              ),
              child: Padding(
                padding: const EdgeInsets.symmetric(horizontal: 8),
                child: Column(
                  children: [
                    Padding(
                      padding: const EdgeInsets.only(top: 6),
                      child: Row(
                        children: [
                          const Icon(
                            Icons.edit,
                            size: 18,
                            color: Colors.white,
                          ),
                       
                        ],
                      ),
                    ),
                  
  </code></pre>
  <p><a href="https://i.stack.imgur.com/WRKuE.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/WRKuE.png" alt="enter image description here" /></a></p>