title: Slow performance with Testcafe and ids and custom radio buttons
body: <p>I have a test where testcafe says &quot;Waiting for element to appear&quot; and I dont understand why.
  I use a ID selector</p>
  <p>My test is fairly simple and I made a slow version using a ID and a fast one using a non ID</p>
  <p>Is this a bug in testcafe?</p>
  <p>Using Testcafe v1.11.0 on Chrome 88.0.4324.182 / Windows 10</p>
  <p>Test output says:</p>
  <pre><code> Book
   √ slow  (17s)
   √ fast  (3.69s)
  </code></pre>
  <p>Why is selecting using ID so much slower? Shouldn't it be faster?</p>
  <p>This is my test:</p>
  <pre><code>import { Selector } from 'testcafe';
  
  fixture('Book').page('https://book.dinnerbooking.com/dk/en-US/book/table/pax/458/2');
  
  test('slow', async t =&gt; {
      'use strict';
      await t
          .maximizeWindow()
          .click('button.ui-spinner-up')
          .click('button.black-button')
          .click('#RestaurantAreaConfigAreaId6');
  });
  
  test('fast', async t =&gt; {
      'use strict';
      await t
          .maximizeWindow()
          .click('button.ui-spinner-up')
          .click('button.black-button')
          .click(new Selector('.restaurant-area-label').nth(1));
  });
  </code></pre>