title: RobotFramework: Link/List with locator not found
body: <p>I am studying Robot Framework with Selenium Library and I can't figure out how to remove &quot;kw&quot; element from the next dropdown:</p>
  <p><a href="https://i.stack.imgur.com/Xe9ir.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Xe9ir.png" alt="enter image description here" /></a></p>
  <p>I tried to use xpath for it:</p>
  <pre><code>*** Settings ***
  Library  SeleniumLibrary
  
  *** Test Cases ***
  MyTest
    Create Webdriver  Chrome  executable_path=chromedriver.exe
    Open Browser  http://127.0.0.1:85/  Chrome
    Sleep  10
    Click Link  xpath=//body/div[@id='react-entry-point']/div[@id='_dash-global-error-container']/div[1]/div[3]/div[1]/div[1]/div[1]/div[1]/div[1]/div[1]/div[1]/div[1]/div[1]/span[1]
  </code></pre>
  <p>But it doesn't work. I am getting:</p>
  <pre><code>Link with locator 'xpath=//body/div[@id='react-entry-point']/div[@id='_dash-global-error-container']/div[1]/div[3]/div[1]/div[1]/div[1]/div[1]/div[1]/div[1]/div[1]/div[1]/div[1]/span[1]' not found.
  </code></pre>
  <p>Also I tried to access to this element via <strong>List by Value</strong> instead of <strong>Click Link</strong>:</p>
  <pre><code>  Unselect From List by Value  xpath=//body/div[@id='react-entry-point']/div[@id='_dash-global-error-container']/div[1]/div[3]/div[1]/div[1]/div[1]/div[1]/div[1]/div[1]/div[1]/div[1]/div[1]/span[1]
  </code></pre>
  <p>But I am getting an error:</p>
  <pre><code>List with locator 'xpath=//body/div[@id='react-entry-point']/div[@id='_dash-global-error-container']/div[1]/div[3]/div[1]/div[1]/div[1]/div[1]/div[1]/div[1]/div[1]/div[1]/div[1]/span[1]' not found.
  </code></pre>
  <p>Here is HTML code for dropdown menu:</p>
  <pre><code>  &lt;div style=&quot;display: inline-block; height: 20px; width: 300px; margin-left: 25px;&quot; xpath=&quot;1&quot;&gt;&lt;div id=&quot;Type_id&quot; class=&quot;dash-dropdown&quot;&gt;&lt;div class=&quot;Select has-value is-clearable is-searchable Select--multi&quot;&gt;&lt;div class=&quot;Select-control&quot;&gt;&lt;div class=&quot;Select-multi-value-wrapper&quot; id=&quot;react-select-2--value&quot;&gt;&lt;div class=&quot;Select-value&quot;&gt;&lt;span class=&quot;Select-value-icon&quot; aria-hidden=&quot;true&quot;&gt;×&lt;/span&gt;&lt;span class=&quot;Select-value-label&quot; role=&quot;option&quot; aria-selected=&quot;true&quot; id=&quot;react-select-2--value-0&quot;&gt;kw&lt;span class=&quot;Select-aria-only&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;Select-value&quot;&gt;&lt;span class=&quot;Select-value-icon&quot; aria-hidden=&quot;true&quot;&gt;×&lt;/span&gt;&lt;span class=&quot;Select-value-label&quot; role=&quot;option&quot; aria-selected=&quot;true&quot; id=&quot;react-select-2--value-1&quot;&gt;teardown&lt;span class=&quot;Select-aria-only&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;Select-value&quot;&gt;&lt;span class=&quot;Select-value-icon&quot; aria-hidden=&quot;true&quot;&gt;×&lt;/span&gt;&lt;span class=&quot;Select-value-label&quot; role=&quot;option&quot; aria-selected=&quot;true&quot; id=&quot;react-select-2--value-2&quot;&gt;setup&lt;span class=&quot;Select-aria-only&quot;&gt;&amp;nbsp;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;div class=&quot;Select-input&quot; style=&quot;display: inline-block;&quot;&gt;&lt;input id=&quot;Type_id&quot; aria-activedescendant=&quot;react-select-2--value&quot; aria-expanded=&quot;false&quot; aria-haspopup=&quot;false&quot; aria-owns=&quot;&quot; role=&quot;combobox&quot; value=&quot;&quot; style=&quot;box-sizing: content-box; width: 5px;&quot;&gt;&lt;div style=&quot;position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-size: 15px; font-family: &amp;quot;Open Sans&amp;quot;, HelveticaNeue, &amp;quot;Helvetica Neue&amp;quot;, Helvetica, Arial, sans-serif; font-weight: 400; font-style: normal; letter-spacing: normal; text-transform: none;&quot;&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;span aria-label=&quot;Clear all&quot; class=&quot;Select-clear-zone&quot; title=&quot;Clear all&quot;&gt;&lt;span class=&quot;Select-clear&quot;&gt;×&lt;/span&gt;&lt;/span&gt;&lt;span class=&quot;Select-arrow-zone&quot;&gt;&lt;span class=&quot;Select-arrow&quot;&gt;&lt;/span&gt;&lt;/span&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;&lt;/div&gt;
  </code></pre>
  <p>Here is a link to full HTML code:
  <a href="https://jsfiddle.net/illuminato/u2j6wbh/" rel="nofollow noreferrer">https://jsfiddle.net/illuminato/u2j6wbh/</a></p>