Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Short pages on IE11 -- readium thinks this is two pages, rather than one #470

Open
kimtuck opened this issue Jan 21, 2016 · 0 comments
Open

Short pages on IE11 -- readium thinks this is two pages, rather than one #470

kimtuck opened this issue Jan 21, 2016 · 0 comments
Labels
func:Layout priority:Medium type:Bug

Comments

@kimtuck
Copy link

kimtuck commented Jan 21, 2016

I have a book chapter that has a stylesheet. The chapter markup is essentially this:

<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xml:lang="en-gb" xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Title</title>
<link rel="stylesheet" type="text/css" href="../styles/styles.css"/>
<link rel="stylesheet" type="application/vnd.adobe-page-template+xml" href="../styles/page-template.xpgt"/>
</head>
<body>
<p class="center1">Dedication</p>
</body>
</html>

In the function "updatePagination()", the code eventually sets the width, column-count, and column-width of the _$epubHtml element.

I added some diagnostic statements, as follows:

           console.log('b1', _$epubHtml[0].scrollWidth)
            _$epubHtml.css("width", (_htmlBodyIsVerticalWritingMode ? _lastViewPortSize.width : _paginationInfo.columnWidth) + "px");
            console.log('ba', _$epubHtml[0].scrollWidth, _paginationInfo.columnWidth)
            _$epubHtml.css("column-count", "auto");
            console.log('bb', _$epubHtml[0].scrollWidth, _paginationInfo.columnWidth)
            _$epubHtml.css("column-width", _paginationInfo.columnWidth + "px");
            console.log('b2', _$epubHtml[0].scrollWidth)

When I set the page to 1166 pixels wide (so that the console shows 'b1 1166) with the above page displayed, then on Chrome I see the following diagnostics; the scrollWidth is computed as expected, since the content can be displayed on a single page in readium:

b1 1166
ba 1166 1166
bb 1166 1166
b2 1166

On IE 11, the scrollWidth is computed incorrectly.

b1 1166
ba 1166 1166
bb 1166 1166
b2 2352

It appears that IE itself is computing this incorrectly, but the net effect is the chapter takes up two pages on the readium reader; the first page has the content; the second page is blank.
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
func:Layout priority:Medium type:Bug
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@rkwright @kimtuck