title: Selenium WebDriver: Unable to locate dynamically changing React InputBase component element
body: <p>I tried to locate an element with id.
  The Developer tools shows this:</p>
  <pre><code>&lt;input aria-invalid=&quot;false&quot; autocomplete=&quot;off&quot; placeholder=&quot;Partner name&quot; type=&quot;text&quot; class=&quot;MuiInputBase-input MuiInput-input MuiAutocomplete-input MuiAutocomplete-inputFocused MuiInputBase-inputAdornedEnd&quot; aria-autocomplete=&quot;list&quot; autocapitalize=&quot;none&quot; spellcheck=&quot;false&quot; value=&quot;&quot; id=&quot;mui-85700&quot;&gt;
  </code></pre>
  <p>The id always changing every time I reload the page.</p>
  <p>I think I find a solution to locate the element:</p>
  <pre><code>findElement(By.xpath(&quot;//*[contains(@id,'mui')]&quot;)).click();
  </code></pre>
  <p>But now I get the following error:</p>
  <pre><code>(org.openqa.selenium.ElementClickInterceptedException: Element &lt;p id=&quot;mui-51640&quot; class=&quot;MuiTypography-root MuiTablePagination-caption MuiTypography-body2 MuiTypography-colorInherit&quot;&gt; is not clickable at point (1124,747) because another element &lt;div class=&quot;MuiDialog-container MuiDialog-scrollPaper&quot;&gt; obscures it
  </code></pre>
  <p>How can I solve it?</p>
  <p>Side note:
  In developer tool I see 4 web elements which contains &quot;mui&quot; String.
  On the page I only see 2 web elements: one with <code>&lt;input id=&quot;mui85700&quot;...&gt;</code> and another one is <code>&lt;label id=&quot;mui85700&quot;...&gt;</code>
  As before I said I need the input id field.</p>