title: Laravel Dusk: Element is not clickable at point (x, y). Other Element would receive the click
body: <p>I am trying to check the checkbox with <code>laravel Dusk</code> which contains other clickable links like <code>Terms of Service</code> and <code>Privacy Policy</code>
  <a href="https://i.stack.imgur.com/UE7wi.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/UE7wi.png" alt="Screenshot of the checkbox"></a></p>
  
  <p>When I try to check this checkbox on my test I get the following error</p>
  
  <pre><code>Element is not clickable at point (466, 438). Other element would receive the click: &lt;label class="mt-checkbox mt-checkbox-outline"&gt;...&lt;/label&gt;
  </code></pre>
  
  <p>This is what I am trying to do</p>
  
  <pre><code>public function testRegister()
  {
      $template = factory(User::class)-&gt;make();
  
      $this-&gt;browse(function (Browser $browser) use ($template) {
          $browser
              -&gt;visit(new Register)
              -&gt;type('name', $template-&gt;name-&gt;full)
              -&gt;type('phone', $template-&gt;phone)
              -&gt;type('email', strtoupper($template-&gt;email))
              -&gt;type('password', 'dummy-pass')
              -&gt;check('agree')
              -&gt;press('Create Account')
              -&gt;assertRouteIs('dashboard')
              -&gt;assertAuthenticated();
      });
  
      $this-&gt;assertDatabaseHas('users', [
          'email' =&gt; $template-&gt;email,
      ]);
  }
  </code></pre>
  
  <p>I have tried to maximize and scroll the browser using </p>
  
  <pre><code>$browser-&gt;maximize();
  $browser-&gt;driver-&gt;executeScript('window.scrollTo(0, 400);');
  </code></pre>
  
  <p>Apart from using <code>check</code> method I tried to use <code>click</code> method with button selector as well like</p>
  
  <pre><code>$browser-&gt;click('input#button-selector');
  </code></pre>
  
  <p>I am not finding the way to solve this issue. Is there any way to fix this issue? Am I missing something?</p>