vivliostyle / vivliostyle-ui Goto Github PK

Currently, nothing occurs when clicking a hyperlink in the document, regardless of whether the link URL is internal or external one.

• Instead of radio buttons for chosing the size manually, which only work if there is no size preset in the document, and a checkbox to make them work if there is a size in the document. Having radio buttons that sometimes work and sometimes don't is confusing, and even if you're not confused, needing 4 clicks (open the menu, tick the check box, select a radio button, click apply) to change the page size isn't great. We should remove the checkbox, and instead add one more radio button, selected by default, called "Document default" or something like that.
• there should be a URL parameter &page-size=auto &page-size=A4%20Landscape etc. When included, it overrides the document's @page rule, and when omitted, we use the document's @page rule
• When switching the UI's radio button about which page size should be used, we should update the url to change the &page-size parameter.
• The &speard=true argument should be syncrhonized with the UI checkbox as well.

Since every page navigation adds an extra browser history, one needs to hit "back" button several times to get back to the previous page.
The extra histories should not be added.
It is probably better to use history.replaceState.

I used macOS Mojave version 10.14.6 (18G95).

The steps to reproduce this issue are:

1. Open https://vivliostyle.github.io/vivliostyle.js/viewer/vivliostyle-viewer.html#b=https://vivliostyle.github.io/vivliostyle_doc/ja/vivliostyle-user-group-vol1/index.html&renderAllPages=true&userStyle=data:,/*%3Cviewer%3E*/%0A/*%3C/viewer%3E*/%0A@page%7Bmarks:crop%20cross;bleed:3mm%7D on Chrome (Version 78.0.3904.70 (Official Build) (64-bit))
2. Try to output this as PDF (with background graphics on)
3. The output PDF layout was broken:

On the current implementation, the displayed page flickers during processing remaining pages.

Either full blown user style sheets, or at least the kind of controls offered by most ebook readers:

• black-on-white vs white-on-black vs sepia
• Serif vs Sans serif
• font size (we already have this one in the top toolbar)

Since an '&' character in the URL is always treated as a separator for parameters to the Viewer, it is currently impossible to load a document with URL containing '&'.

Example:

vivliostyle-viewer.html#x=http://example.com/?foo=bar&baz

Though the user wants to load http://example.com/?foo=bar&baz, a request to http://example.com/?foo=bar is made by the Viewer, which is an incorrect URL.

We need to offer a way to escape the document URL containing '&' characters.

The content does not always make it obvious whether we are at the start / end of a document, so the UI should give a hint.

When the page size is fixed, spread=auto should be able to detect if there's room for 2 pages or not.

If the page size is auto, spread=auto should go in spread mode if the browser window is wider than it is tall, unless the documents's stylesheet has @page {size: landscape} (possibly with a size as well).

Should writing modes make a difference?

These don't point to anywhere useful. They should go to http://www.vivliostyle.com

vivliostyle/vivliostyle.js#344
https://www.mathjax.org/cdn-shutting-down/

When Google Translate is executed on Vivliostyle.js viewer,

• Text layout may break.
• Showing and hiding the Translate tool bar cause window size change and triggers re-layout.

It would be better to disable Google Translate.
Will try

<meta name="google" content="notranslate">

from Helping you break the language barrier.