Databases
StackOverflow2013
Postsdbo
POFor multiple choices, Select with multiple='multiple' will not align to device screen when it is in table
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POFor multiple choices, Select with multiple='multiple' will not align to device screen when it is in table
    text
    copied!<p>Say, I have a select menu which allows multiple checks, Which works absolutely fine,</p> <pre><code>&lt;table width="100%"&gt; &lt;tr&gt; &lt;td&gt; &lt;div data-role="fieldcontain"&gt; &lt;label for="select-choice-10" class="select"&gt;Choose state(s):&lt;/label&gt; &lt;select name="select-choice-10" id="select-choice-10" multiple="multiple" data-native-menu="false" style="overflow: hidden"&gt; &lt;option&gt;Choose options&lt;/option&gt; &lt;option value="AL"&gt;Alabama&lt;/option&gt; &lt;option value="AK"&gt;Alaska&lt;/option&gt; &lt;option value="AZ"&gt;Arizona&lt;/option&gt; &lt;option value="AR"&gt;Arkansas&lt;/option&gt; &lt;option value="CA"&gt;California&lt;/option&gt; &lt;option value="CO"&gt;Colorado&lt;/option&gt; &lt;option value="CT"&gt;Connecticut&lt;/option&gt; &lt;option value="DE"&gt;Delaware&lt;/option&gt; &lt;option value="FL"&gt;Florida&lt;/option&gt; &lt;option value="GA"&gt;Georgia&lt;/option&gt; &lt;option value="HI"&gt;Hawaii&lt;/option&gt; &lt;option value="ID"&gt;Idaho&lt;/option&gt; &lt;option value="IL"&gt;Illinois&lt;/option&gt; &lt;option value="IN"&gt;Indiana&lt;/option&gt; &lt;option value="IA"&gt;Iowa&lt;/option&gt; &lt;option value="KS"&gt;Kansas&lt;/option&gt; &lt;option value="KY"&gt;Kentucky&lt;/option&gt; &lt;option value="LA"&gt;Louisiana&lt;/option&gt; &lt;option value="ME"&gt;Maine&lt;/option&gt; &lt;option value="MD"&gt;Maryland&lt;/option&gt; &lt;/select&gt; &lt;/div&gt; &lt;/td&gt; &lt;/tr&gt; </code></pre> <p></p> <p>The problem is... for my device screen i had set</p> <pre><code>&lt;meta name="viewport" content="width=device-width, initial-scale=1"&gt; </code></pre> <p>but still when i select multiple items(say 10) the menu length expands to it's width to show all 10 selected items on it.. and this portion of screen looks partial on device..</p> <p>I have tried for &lt;-select style="overflow: hidden"> but still not working... please help me to solve this issue...</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload