Note that there are some explanatory texts on larger screens.

plurals
  1. POSafari 6 doesn't show scrollbar in OSX mountain lion
    primarykey
    data
    text
    <p>This is so weird. Safari 6 doesn't seem to show a scrollbar on elements with overflow-y: scroll.</p> <pre><code>&lt;ul&gt; &lt;li&gt;something&lt;/li&gt; &lt;li&gt;something&lt;/li&gt; &lt;li&gt;something&lt;/li&gt; &lt;li&gt;something&lt;/li&gt; &lt;li&gt;something&lt;/li&gt; &lt;li&gt;something&lt;/li&gt; &lt;li&gt;something&lt;/li&gt; &lt;li&gt;something&lt;/li&gt; &lt;li&gt;something&lt;/li&gt; &lt;li&gt;something&lt;/li&gt; &lt;li&gt;something&lt;/li&gt; &lt;li&gt;something&lt;/li&gt; &lt;li&gt;something&lt;/li&gt; &lt;li&gt;something&lt;/li&gt; &lt;li&gt;something&lt;/li&gt; &lt;li&gt;something&lt;/li&gt; &lt;li&gt;something&lt;/li&gt; &lt;li&gt;something&lt;/li&gt; &lt;/ul&gt;​ ul { background: #f1f1f1; width: 400px; height: 300px; overflow-x: hidden; overflow-y: scroll; } li { height: 50px; line-height: 50px; background: #c1ffff; margin-bottom: 3px; }​ </code></pre> <p>I don't want to force the scrollbar because of performance issues in my app and it looks ugly when it's always there. Does anyone know of a way to fix this?</p> <p>Firefox always shows my scrollbar which I'm fine with and chrome renders it perfectly, only showing the scrollbar on actual scroll.</p> <p>I've created a fiddle showing the issue: <a href="http://jsfiddle.net/mWT3X/" rel="nofollow">http://jsfiddle.net/mWT3X/</a></p> <p>Update: Confirmed that it does render in Safari 5 but not 6. Update2: This is specifically related to the show scroll bar settings in the system settings. If I set show scroll bars to always it will work fine.</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

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