Databases
StackOverflow2013
Postsdbo
POneeded a way to force redraw of <select>s in MSIE8
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POneeded a way to force redraw of <select>s in MSIE8
    primarykey
    data
    text
    <p>with (simulated) media queries I'm changing font-size of <code>&lt;select&gt;</code>s in my page</p> <p>I have problems with other browsers too, but I resolved temporarily detaching the elements from DOM and re-attaching them after a small amount of time</p> <p>but with MSIE8 I still have problems with height of <code>&lt;option&gt;</code>s which is equal to the max fontSize set, even if it's not applied anymore</p> <p><a href="http://fiddle.jshell.net/U3bzT/show/light/" rel="nofollow noreferrer">http://fiddle.jshell.net/U3bzT/show/light/</a></p> <p><img src="https://i.stack.imgur.com/2FmBz.png" alt=""> <img src="https://i.stack.imgur.com/xXBo3.png" alt=""></p> <p>expected result:</p> <p><img src="https://i.imgur.com/25ES1Qb.png" alt=""></p> <p>the <code>font-size</code> is updated while switching from a bigger font size to a smaller one</p> <p><strong>but not the line-height/height of <code>&lt;option&gt;</code>s</strong></p> <p>happens to both select-multiple and select-one</p> <p>how can I fix this?</p> <p><strong>Note:</strong> <code>&lt;select&gt;</code>s may have events attached, so <strong>I can't use a copy</strong></p> <pre><code>&lt;script&gt; // just some code to simulate media query on/off state var select; setTimeout(function(){ select = document.getElementsByTagName("select")[0]; select.style.fontSize='40px'; webkitFix(); setTimeout(function(){ select.style.fontSize='10px'; webkitFix(); },5000); },5000); function webkitFix(){ document.body.removeChild(select); setTimeout(function(){ document.body.appendChild(select); }, 1); } &lt;/script&gt; &lt;select multiple size="6" style="font-size:10px"&gt; &lt;option&gt;AAAAAA1&lt;/option&gt; &lt;option&gt;BBBBBB2&lt;/option&gt; &lt;option&gt;AAAAAA3&lt;/option&gt; &lt;option&gt;BBBBBB4&lt;/option&gt; &lt;option&gt;AAAAAA5&lt;/option&gt; &lt;option&gt;BBBBBB6&lt;/option&gt; &lt;option&gt;AAAAAA7&lt;/option&gt; &lt;option&gt;BBBBBB8&lt;/option&gt; &lt;option&gt;AAAAAA9&lt;/option&gt; &lt;/select&gt; </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PTQuestion
    1. USMichal
    1. This table or related slice is empty.
    plurals
    1. PL
      singulars
      1. LTLinked
    2. PL
      singulars
      1. LTLinked
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. PO
      singulars
      1. PTAnswer
    2. PO
      singulars
      1. PTAnswer
    3. PO
      singulars
      1. PTAnswer
    1. VO
      singulars
      1. POneeded a way to force redraw of <select>s in MSIE8
      1. This table or related slice is empty.
      1. VTUpMod
    2. VO
      singulars
      1. POneeded a way to force redraw of <select>s in MSIE8
      1. This table or related slice is empty.
      1. VTUpMod
    3. VO
      singulars
      1. POneeded a way to force redraw of <select>s in MSIE8
      1. USCommunity
      1. VTBountyStart
    1. COMaybe I wasn't following properly, but why can't you just manually reset the line-height to its proper value?
      singulars
      1. POneeded a way to force redraw of <select>s in MSIE8
      1. USAriane
    2. COi didn't set the line-height at all, i just changed the font-size - I can set line-height:normal or line-height:1 but nothing changes
      singulars
      1. POneeded a way to force redraw of <select>s in MSIE8
      1. This table or related slice is empty.
    3. COTry setting every possible CSS property to near zero (not zero; sometimes it doesn't like zeros). line-height: 1px; padding: 1px; margin: 1px. And whatever other spacing properties might exist. If all of the text ends up nearly piling up, then you've hit the right property. Remove them one by one to identify the culprit. It doesn't matter if you didn't change those properties. Don't underestimate the nonsense a browser can unexpectedly poop on you.
      singulars
      1. POneeded a way to force redraw of <select>s in MSIE8
      1. USAriane
 

Querying!

 
Guidance
A row detail

Detail views are divided into sections. All the information in the data section comes from columns in the selected row. The other sections display data from other, related rows.

Related data can be related in a to-one or a to-many fashion. Captions of data related in a to-many fashion link to a list view showing a filtered view of the table.

Try moving around until you find a non-empty to-many entry and click on the label to get to one. You can move back to the root by clicking on the database name in the header.

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