Layout corruption in Arabic Right-To-Left

[horimasumi]

■This issue is a:

• Bug report

■ Observed behavior

Page corruption occurs as shown in the attached file while using Arabic Right-To-Left (writing mode + page progression direction).
The sample EPUB can be found in the following URL.

IDPF EPUB3 Samples Project, EPUB 3 Samples Table:
https://drive.google.com/uc?export=download&id=0B9g8D2Y-6aPLUUkxa2VYbURqVjA

The trouble occurs in the following conditions:

1. When using Chrome browser.
2. When the text amount of page.xhtml is large and exceeds to the next page.
3. The layout can be corrected by going back and forward a page.

■ Product

• Readium Chrome extension ** latest official version available from the Chrome Web Store
• Readium cloud reader app ** local build ### Web browser Tested only with Chrome Version 49.0.2623.87 (64-bit)

[rkwright]

Verified this in the specified book in the latest build from develop.

1. Open Regime-Anti-Cancer
2. Page to left a couple of pages with window large enough for a two-page spread.
3. Result:
   

Verified on OSX 10.10 with development build (2.23.0-alpha) in Chrome Version 49.0.2623.110 (64-bit)

[danielweck]

something to try:

https://github.com/readium/readium-shared-js/blob/develop/js/views/reflowable_view.js#L779

@ -45905,9 +45919,15 @@ var ReflowableView = function(options, reader){

     function showBook()
     {
+        console.log("PATCHED by OZ");
+        var currOpacity = _currentOpacity;
         if (_currentOpacity != -1)
         {
-            _$epubHtml.css('opacity', _currentOpacity);
+            _$epubHtml.hide();
+            setTimeout(function() {
+                _$epubHtml.show();
+                _$epubHtml.css('opacity', currOpacity);
+            }, 50);
         }
         _currentOpacity = -1;
     }

thanks Helicon!

[danielweck]

Related: readium/readium-shared-js#282

[danielweck]

I am not able to reproduce this bug. Test:
https://readium.firebaseapp.com/?epub=https%3A%2F%2Fcdn.rawgit.com%2FIDPF%2Fepub3-samples%2Fmaster%2F30%2Fregime-anticancer-arabic&epubs=epub_content%2Fepub_samples.opds&

[da70]

We are able to reproduce this bug with the sample EPUB referenced in this ticket. Had to advance many pages before coming back in order to correct the layout.

• ReadiumJS Viewer 9c341d64a9c14f81952c6caf015453bbef65d303 (with cherry-picked commit 3946d54c594b2a3a44564caa0478b64b375a9aaa applied to submodule readium-js) - cloud reader build.
• Chrome version 50.0.2661.94 (64-bit)
• Mac OS X 10.10.5

3 columns:

2 columns, after advancing many pages and coming back:

[rkwright]

I can confirm that I was also able to reproduce it easily with the same document.
Using current build (2.23.0-alpha) from develop on OSX 10.11.5 on my MBP.
Note that I was able to reproduce it with either a single column or two column layout . See image below.

[mahag]

Any fix?

[ghost]

Any new update to this issue?

[mahag]

am still waiting for a fix too

[janbolat]

Any updates?

[danielweck]

I am unable to reproduce this bug on OSX (Safari). Test link:
https://readium.firebaseapp.com/?epub=https%3A%2F%2Fcdn.rawgit.com%2FIDPF%2Fepub3-samples%2Fmaster%2F30%2Fregime-anticancer-arabic&goto=%7B%22idref%22%3A%22content%22%2C%22elementCfi%22%3A%22%2F4%2F2%2F2%2F2%2C%2F1%3A0%2C%2F1%3A1%22%7D

[danielweck]

I am unable to reproduce this bug on OSX (Chrome). Test link:
https://readium.firebaseapp.com/?epub=https%3A%2F%2Fcdn.rawgit.com%2FIDPF%2Fepub3-samples%2Fmaster%2F30%2Fregime-anticancer-arabic&goto=%7B%22idref%22%3A%22content%22%2C%22elementCfi%22%3A%22%2F4%2F2%2F2%2F2%2C%2F1%3A0%2C%2F1%3A1%22%7D

[danielweck]

I am unable to reproduce this bug on OSX (Firefox). Test link:
https://readium.firebaseapp.com/?epub=https%3A%2F%2Fcdn.rawgit.com%2FIDPF%2Fepub3-samples%2Fmaster%2F30%2Fregime-anticancer-arabic&goto=%7B%22idref%22%3A%22content%22%2C%22elementCfi%22%3A%22%2F4%2F2%2F2%2F2%2C%2F1%3A0%2C%2F1%3A1%22%7D

[janbolat]

I am unable to reproduce this bug on OSX (Firefox). Test link:
https://readium.firebaseapp.com/?epub=https%3A%2F%2Fcdn.rawgit.com%2FIDPF%2Fepub3-samples%2Fmaster%2F30%2Fregime-anticancer-arabic&goto=%7B%22idref%22%3A%22content%22%2C%22elementCfi%22%3A%22%2F4%2F2%2F2%2F2%2C%2F1%3A0%2C%2F1%3A1%22%7D

Hi @danielweck,
I have three columns on Ubuntu 14.04, Chrome Version 56.0.2924.87 (64-bit).
Also having similar problems with my own books on local server.
Thanks