<h2 dir="auto">Steps to Reproduce</h2>
<ol dir="auto">
<li>Create a center widget containing a <code class="notranslate">Stack</code></li>
<li>Put widgets inside the <code class="notranslate">Stack</code>. One of those widgets must be a button (make sure the <code class="notranslate">Stack</code> doesn't cover all the screen)</li>
<li>Move the button using <code class="notranslate">FractionalTranslation</code> outside of the bounds of the stack</li>
<li>Try to click the button</li>
<li>The click is not registered</li>
</ol>
<p dir="auto">I don't think this is the intended behavior. If it is, how can I work around it?</p>
<h2 dir="auto">Doctor</h2>
<div class="snippet-clipboard-content notranslate position-relative overflow-auto" data-snippet-clipboard-copy-content="Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel beta, v0.5.1, on Microsoft Windows [Version 10.0.17134.112], locale en-US)
[√] Android toolchain - develop for Android devices (Android SDK 27.0.3)
[√] Android Studio (version 3.1)
[√] Connected devices (1 available)

• No issues found!"><pre class="notranslate"><code class="notranslate">Doctor summary (to see all details, run flutter doctor -v):
[√] Flutter (Channel beta, v0.5.1, on Microsoft Windows [Version 10.0.17134.112], locale en-US)
[√] Android toolchain - develop for Android devices (Android SDK 27.0.3)
[√] Android Studio (version 3.1)
[√] Connected devices (1 available)

• No issues found!
</code></pre></div>
<p dir="auto">Internal: b/143100923</p>
<p dir="auto">When a <code class="notranslate">Stack</code> contains <code class="notranslate">MyWidget</code> inside of a <code class="notranslate">Positioned</code>.</p>
<div class="highlight highlight-source-dart notranslate position-relative overflow-auto" dir="auto" data-snippet-clipboard-copy-content="    Stack(
      overflow: Overflow.visible,
      children: [
        Positioned(
        top: -50.0,
        child: MyWidget(),
      )],
    );"><pre class="notranslate">    <span class="pl-c1">Stack</span>(
      overflow<span class="pl-k">:</span> <span class="pl-c1">Overflow</span>.visible,
      children<span class="pl-k">:</span> [
        <span class="pl-c1">Positioned</span>(
        top<span class="pl-k">:</span> <span class="pl-k">-</span><span class="pl-c1">50.0</span>,
        child<span class="pl-k">:</span> <span class="pl-c1">MyWidget</span>(),
      )],
    );</pre></div>
<p dir="auto">Since overflow is <code class="notranslate">Overflow.visible</code>, <code class="notranslate">MyWidget</code> displays outside of the <code class="notranslate">Stack</code>. However, it doesn't accept gestures in the overflowed area. I have no idea if it's easy, difficult or downright impossible to make this change, but I can think of a gazillion use cases for that, which at the moment must be satisfied by using the much more complex Overlay, or some Stack tricks.</p>
<p dir="auto">And in case it's impossible to make this change, then at least the documentation should clearly state that overflowed content can't receive gestures.</p>
<p dir="auto">Also, see: <a href="https://stackoverflow.com/questions/51366761/in-flutter-how-can-a-positioned-widget-feel-taps-outside-of-its-parent-stack-ar" rel="nofollow">https://stackoverflow.com/questions/51366761/in-flutter-how-can-a-positioned-widget-feel-taps-outside-of-its-parent-stack-ar</a></p>