booklet IE10 problem with flipping

I have a problem with flipping to the previous page in IE10. The flipping between pages works ok in Firefox and Chrome. What happens is that the book sometimes shows the wrong page. You see the right page and then the page changes to the one before, i.e when 12 should be there you see page 10 etc.

I have put this flipbook on the web hoping someone can solve this problem. Could be that I did something wrong. This book is not finished. It is just a beta version.

The url is: http://vefir.nams.is/test_hh/kataOgOrmarnir.html

Regards Hildigunnur

Apr 14 '13 17:04 hildigunnur

Try this - press F12 to change your browser mode and see if your page adjusts itself correctly.

Apr 16 '13 21:04 blachawk

Changing the browser mode to IE9 does not change anything. The problem is still existing. Changing it to IE8 is even worse, it is not possible to flip the pages.

Any other suggestions?

Apr 29 '13 15:04 hildigunnur

What I found out is that if the booklet is more than 22 pages this bug shows up.

Apr 30 '13 10:04 hildigunnur

If you remove the "outline: 1px solid transparent;" in the file jquery.booklet.latest.css line 13, then page-flipping work correctly. It was tested in IE8.

.booklet .b-page {left:0; top:0; position:absolute; overflow:hidden; padding:0; outline:1px solid transparent;}

Feb 05 '14 14:02 sandbox2