title: Playwright + CodeceptJS - Unable to find element by Xpath
body: <p>In my code I can usually find an element by Xpath and perform actions like shown below</p>
  <pre><code>await I.fillField('//*[@id=&quot;edit-name&quot;]','user1');
  </code></pre>
  <p>I am seeing the following error when I perform the following action. As the <strong>ID is dynamically created</strong>. Is there a recommended approach to tackle this type of elements?</p>
  <pre><code>await I.fillField('//*[@id=&quot;crmUiId_1&quot;]','SomeTextHere');
  </code></pre>
  <p><strong>Error:</strong></p>
  <pre><code> **TypeError: Cannot read property '$$' of null
        at findElements (node_modules/codeceptjs/lib/helper/Playwright.js:2087:18)
        at Playwright._locate (node_modules/codeceptjs/lib/helper/Playwright.js:822:12)**
  </code></pre>
  <p>Associated HTML:</p>
  <pre><code>    &lt;div crm-ui-field=&quot;{name: 'caseTypeDetailForm.title', title: ts('Title')}&quot; class=&quot;ng-isolate-scope crm-section&quot;&gt;&lt;div class=&quot;label&quot;&gt;
    &lt;label crm-ui-for=&quot;caseTypeDetailForm.title&quot; crm-depth=&quot;1&quot; crm-ui-force-required=&quot;&quot; for=&quot;crmUiId_1&quot;&gt;&lt;span ng-class=&quot;cssClasses&quot;&gt;&lt;span ng-transclude=&quot;&quot;&gt;&lt;span class=&quot;ng-binding ng-scope&quot;&gt;Title&lt;/span&gt;&lt;/span&gt;&lt;span crm-ui-visible=&quot;crmIsRequired&quot; class=&quot;crm-marker ng-isolate-scope&quot; title=&quot;This field is required.&quot; style=&quot;visibility: inherit;&quot;&gt;*&lt;/span&gt;&lt;/span&gt;&lt;/label&gt;
    &lt;!-- ngIf: help --&gt;
  &lt;/div&gt;
  &lt;div class=&quot;content&quot; ng-transclude=&quot;&quot;&gt;
        &lt;input crm-ui-id=&quot;caseTypeDetailForm.title&quot; type=&quot;text&quot; name=&quot;title&quot; ng-model=&quot;caseType.title&quot; class=&quot;big crm-form-text ng-pristine ng-scope ng-empty ng-invalid ng-invalid-required ng-touched&quot; required=&quot;&quot; id=&quot;crmUiId_1&quot;&gt;
      &lt;/div&gt;
  &lt;div class=&quot;clear&quot;&gt;&lt;/div&gt;
  &lt;/div&gt;
  </code></pre>
  <p>The issue here is actually the ID &quot;crmUiId_1&quot; is dynamically generated. Instead I tried xpath with ng-model=&quot;caseType.title&quot; but it doesn't seem to be working either.</p>