#541: additional example, cannot reproduce error on Chrome or IE 10.

davidstutz · May 25, 2015 · 47bf17e · 47bf17e
1 parent 0d50ee7
commit 47bf17e
Showing 1 changed file with 32 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -1099,6 +1099,38 @@ <h2 id="configuration-options">Configuration Options</h2>
     });
 &lt;/script&gt;
 </pre>
+                                    </div>
+
+                                    <p>
+                                        This does also work for long options:
+                                    </p>
+
+                                    <div class="example">
+                                        <script type="text/javascript">
+                                            $(document).ready(function() {
+                                                $('#example-buttonWidth-overflow-option').multiselect({
+                                                    buttonWidth: '150px'
+                                                });
+                                            });
+                                        </script>
+                                        <select id="example-buttonWidth-overflow-option" multiple="multiple">
+                                            <option value="1" selected>Long Long Long Option 1</option>
+                                            <option value="2">Very Very Long Option 2</option>
+                                            <option value="3">Even Longer Option 3</option>
+                                            <option value="4">Ridiculous Long Option 4</option>
+                                        </select>
+                                    </div>
+                                    <div class="highlight">
+<pre class="prettyprint linenums">
+&lt;script type=&quot;text/javascript&quot;&gt;
+    $(document).ready(function() {
+        $('#example-buttonWidth-overflow').multiselect({
+            buttonWidth: '150px'
+        });
+    });
+&lt;/script&gt;
+</pre>
+                                    </div>
                                 </td>
                             </tr>
                             <tr>