Select Multiple : Issue on selecting long option
<p>I have one issue in multiple selection box. I have a container of fixed size inside the container I am writing a multiple selection box.</p>

<p>The option values has long descriptive data. So I need to give <code>overflow-x : auto</code> to select any data and scroll horizontally to read the content .</p>

<p>when I select any data and try to scroll horizontally,to read the whole content, the other part of information which should be visible is not visible(which was not visible as we need to scroll).</p>

<p>Please paste this sample code and select any data and try to horizontally scroll and you see the information is partially selected.</p>

<pre><code>  &lt;!DOCTYPE html&gt;
&lt;html&gt;
&lt;head&gt;
    &lt;meta charset="utf-8"&gt;
    &lt;title&gt;My  Application&lt;/title&gt;

    &lt;style type="text/css"&gt;
   .test{
    width:300px;
   }
   select{
    width: 100%;
    overflow-x: scroll;
   } 
  &lt;/style&gt;
&lt;script type="text/javascript" src="http://code.jquery.com/jquery.min.js" charset="utf-8"&gt;&lt;/script&gt;

&lt;/head&gt;
&lt;body&gt;
&lt;div class="test"&gt;
    &lt;select name="myMultipleTest" id="myMultipleTest" multiple="multiple"&gt;
    &lt;option value="A101"&gt;This is a sample long text which contains some information&lt;/option&gt;
    &lt;option value="A102"&gt;This is a sample long text which contains some information, which might contain some information which is long in description&lt;/option&gt;&lt;/select&gt;

&lt;/div&gt;&lt;/body&gt;
&lt;/html&gt;
</code></pre>