title: jQuery UI .widgets resetting scroll positions of children when they are hidden
body: <p>I am making heavy use of jQuery UI with my latest project.  Unfortunately I've hit a major wall due to some really whacky behavior exhibited by the jQuery UI widgets when they contain elements with scrollbars for overflow.</p>
  
  <p><a href="http://jsfiddle.net/4gxEE/" rel="nofollow"><strong>Check out this demo</strong></a></p>
  
  <ol>
  <li>Scroll down in one of the <code>.scroll-container</code> elements</li>
  <li>Click an accordion header</li>
  <li>Click on old header - note the element was auto-scrolled to the top.</li>
  </ol>
  
  <p>Is there anyway to prevent this from happening?  It's screwing with a major plugin of mine that utilizes jQuery scrolling.  I'm flat-out lost as to what to do here!</p>
  
  <p><em>Perhaps this is a bug worth mentioning in the jQuery UI dev forums...</em></p>
  
  <h2>Edit</h2>
  
  <p>So far the bug has been <strong>confirmed</strong> in...</p>
  
  <ul>
  <li>Chrome - <code>8.0.552.231</code> on OSX <code>10.6.5</code></li>
  <li>Safari - <code>5.0.3</code> on OSX <code>10.6.5</code> (makes sense)</li>
  <li>FF - <code>3.6.12</code> on OSX <code>10.6.5</code></li>
  </ul>
  
  <p>And is <strong>not present</strong> in...  </p>
  
  <ul>
  <li><del>FF - <code>3.6.12</code> on OSX <code>10.6.5</code></del></li>
  </ul>