The magic scroll of half-hidden buttons that can kill your evening

There is a standard scroller markup, in the internal block of the button. When you click on a half-hidden button, the internal block will scroll so that the button becomes in the middle of the external block.

Opera 10.63 win7

Code

<div style="float:left;height:32px;margin-right:5px;overflow:hidden;position:relative;width:330px;"> <div class="scroll-wrapper" style="left: 0px;position:relative;width:5000px;"> <button>Button 1</button> <button>Button 2</button> <button>Button 3</button> <button>Button 4</button> <button>Button 5</button> <button>Button 6</button> <button>Button 7</button> <button>Button 8</button> <button>Button 9</button> <button>Button 10</button> <button>Button 11</button> </div> </div> 

')
Link https://dl.dropbox.com/u/2899751/opera-scroll-bug.html
For the magic scrolling phenomenon, click “Button 5”. Scroll to so much magic that scrolls with javascript disabled.