title: Not able to get the Element value in Css Selectors
body: <p>In the selenium web driver, the list "#selectDefaultTimePeriod_listbox li.k-item" contains the set of values. But while executing, the list does not yield drop down values. So that I am not able to click the particular element in the drop-down.</p>
  
  <p>While giving breakpoint and executing the same line, it gives the drop-down values.</p>
  
  <pre><code> var elements = Driver.FindElements(By.CssSelector("#selectDefaultTimePeriod_listbox li.k-item"));
  </code></pre>
  
  <p>The elements variables gives the count but it does not contain the drop-down option value (li.k-item value)</p>
  
  <pre><code>    foreach (var element in elements)
      {
          var name = element.Text;
          if (timeperiod.Equals(name, StringComparison.InvariantCultureIgnoreCase))
          {
              element.IsClickable();
              element.Click();
              break;
          }
  
      }
  </code></pre>
  
  <p>The following are the HTML content</p>
  
  <pre><code>&lt;span class="k-widget k-dropdown k-header" style="width: 150px;" title="" unselectable="on" role="listbox" aria-haspopup="true" aria-expanded="false" tabindex="0" aria-owns="selectDefaultTimePeriod_listbox" aria-disabled="false" aria-readonly="false" aria-busy="false" aria-activedescendant="0936dfb5-4f8c-4dd4-826f-f802b6a719ff"&gt;
  &lt;span class="k-dropdown-wrap k-state-default" unselectable="on"&gt;
  &lt;select id="selectDefaultTimePeriod" style="width: 150px; display: none;" data-bind="kendoDropDownList:timePeriodOptions" data-role="dropdownlist"&gt;
  &lt;option value=""&gt;Select time period&lt;/option&gt;
  &lt;option value="Last 30 days"&gt;Last 30 days&lt;/option&gt;
  &lt;option value="Last 60 days"&gt;Last 60 days&lt;/option&gt;
  &lt;option value="Last 90 days" selected="selected"&gt;Last 90 days&lt;/option&gt;
  &lt;option value="Last month"&gt;Last month&lt;/option&gt;
  &lt;option value="Last quarter"&gt;Last quarter&lt;/option&gt;
  &lt;option value="Last 6 months"&gt;Last 6 months&lt;/option&gt;
  &lt;option value="Last 12 months"&gt;Last 12 months&lt;/option&gt;
  &lt;option value="Last 365 days"&gt;Last 365 days&lt;/option&gt;
  &lt;option value="Full year 2016"&gt;Full year 2016&lt;/option&gt;
  &lt;/select&gt;
  &lt;/span&gt;
  </code></pre>
  
  <p>Please let me know, Is it have any other option to click that element?</p>