{"action":"created","issue":{"url":"https://api.github.com/repos/readium/readium-css/issues/19","repository_url":"https://api.github.com/repos/readium/readium-css","labels_url":"https://api.github.com/repos/readium/readium-css/issues/19/labels{/name}","comments_url":"https://api.github.com/repos/readium/readium-css/issues/19/comments","events_url":"https://api.github.com/repos/readium/readium-css/issues/19/events","html_url":"https://github.com/readium/readium-css/issues/19","id":259535348,"number":19,"title":"Vertical writing","user":{"login":"JayPanoz","id":12599652,"avatar_url":"https://avatars3.githubusercontent.com/u/12599652?v=4","gravatar_id":"","url":"https://api.github.com/users/JayPanoz","html_url":"https://github.com/JayPanoz","followers_url":"https://api.github.com/users/JayPanoz/followers","following_url":"https://api.github.com/users/JayPanoz/following{/other_user}","gists_url":"https://api.github.com/users/JayPanoz/gists{/gist_id}","starred_url":"https://api.github.com/users/JayPanoz/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/JayPanoz/subscriptions","organizations_url":"https://api.github.com/users/JayPanoz/orgs","repos_url":"https://api.github.com/users/JayPanoz/repos","events_url":"https://api.github.com/users/JayPanoz/events{/privacy}","received_events_url":"https://api.github.com/users/JayPanoz/received_events","type":"User","site_admin":false},"labels":[{"id":666170929,"url":"https://api.github.com/repos/readium/readium-css/labels/Discussion","name":"Discussion","color":"d4c5f9","default":false},{"id":646146130,"url":"https://api.github.com/repos/readium/readium-css/labels/feedback%20required","name":"feedback required","color":"fbca04","default":false}],"state":"open","locked":false,"assignee":null,"assignees":[],"milestone":null,"comments":20,"created_at":"2017-09-21T15:22:42Z","updated_at":"2017-10-28T13:09:49Z","closed_at":null,"author_association":"COLLABORATOR","body":"This will be a tougher one.\r\n\r\nUnlike horizontal RTL, for which there is an attribute you can target in CSS (`dir`), vertical-writing is a CSS property: you need to know its value ([and there are deprecated values to take into account if you want to support IE 11](https://www.w3.org/International/articles/vertical-text/#browsers)). Please feel free to confirm/infirm, maybe I’m missing something obvious there. \r\n\r\nWe definitely need to constrain the height of the document in scroll mode, when vertical-writing is used, so I’ll probably bet on appending a flag inside `html` so that we can do that in CSS. \r\n\r\nUnfortunately, there is another painful issue we must take into account: `-epub-writing-mode` (in which the prefix is the culprit). \r\n\r\nBlink and Webkit have aliased the `-epub-` prefix, Gecko didn’t (FYI didn’t check Trident/EdgeHTML yet). Consequently, if the author is using `-epub-writing-mode: vertical-rl`, it will fail in Firefox, Gecko wants the unprefixed property there.\r\n\r\nI’m pretty sure those issues were tackled in Readium 1 at some point, so any hint would be greatly appreciated. "},"comment":{"url":"https://api.github.com/repos/readium/readium-css/issues/comments/340189779","html_url":"https://github.com/readium/readium-css/issues/19#issuecomment-340189779","issue_url":"https://api.github.com/repos/readium/readium-css/issues/19","id":340189779,"user":{"login":"danielweck","id":625201,"avatar_url":"https://avatars3.githubusercontent.com/u/625201?v=4","gravatar_id":"","url":"https://api.github.com/users/danielweck","html_url":"https://github.com/danielweck","followers_url":"https://api.github.com/users/danielweck/followers","following_url":"https://api.github.com/users/danielweck/following{/other_user}","gists_url":"https://api.github.com/users/danielweck/gists{/gist_id}","starred_url":"https://api.github.com/users/danielweck/starred{/owner}{/repo}","subscriptions_url":"https://api.github.com/users/danielweck/subscriptions","organizations_url":"https://api.github.com/users/danielweck/orgs","repos_url":"https://api.github.com/users/danielweck/repos","events_url":"https://api.github.com/users/danielweck/events{/privacy}","received_events_url":"https://api.github.com/users/danielweck/received_events","type":"User","site_admin":false},"created_at":"2017-10-28T13:09:49Z","updated_at":"2017-10-28T13:09:49Z","author_association":"MEMBER","body":"In Readium \"1\" (readium-shared-js) CSS columns are laid on the y-axis in HTML documents with vertical writing mode (typically in Japanese, also right-to-left page progression direction)"}}
{"actor":{"display_login":"danielweck"}}