question-mark
Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

CSS Writing Modes not working

See original GitHub issue

Hello!

Thanks for the great work in this amazing library. I’ve been having problems while trying to render a page with the “writing-mode” CSS property. The “transform: rotate()” works fine, but there are some differences between them, and sometimes it may not be an option.

writing-mode: vertical-lr;
-ms-writing-mode: tb-lr;
*writing-mode: tb-lr;

JS Fiddle http://jsfiddle.net/brenofabio/su9k6p6z/3/

image

More about CSS Writing Modes: https://24ways.org/2016/css-writing-modes/ https://developer.mozilla.org/en-US/docs/Web/CSS/writing-mode https://drafts.csswg.org/css-writing-modes/

Issue Analytics

  • State:open
  • Created 6 years ago
  • Reactions:5
  • Comments:8 (1 by maintainers)

github_iconTop GitHub Comments

2reactions
chocolatkeycommented, Sep 15, 2019

I was trying out a JSFiddle that used an old version (0.4.1) of the library, and vertical-rl actually looked pretty good besides the spacing/rotation of punctuation in the content.

Left is original, right is screenshot: New version of lib (https://github.com/niklasvh/html2canvas/releases/download/v1.0.0-rc.3/html2canvas.min.js): image

Old version of lib (https://cdnjs.cloudflare.com/ajax/libs/html2canvas/0.4.1/html2canvas.min.js): image

0reactions
memsenpaicommented, Aug 8, 2022

hope someone can handle it

@s11rikuya Can you give more detail?

Read more comments on GitHub >

github_iconTop Results From Across the Web

HTML - Writing Mode Not changing anything - Stack Overflow
Hi guys i am trying to get a header in my table to show vertically however the writing-mode is not ...
Read more >
writing-mode - CSS: Cascading Style Sheets - MDN Web Docs
The writing-mode CSS property sets whether lines of text are laid out horizontally or vertically, as well as the direction in which blocks ......
Read more >
Trouble with "transform" and "writing-mode" - Forums
I want to have some text rotated 90 and 270 degrees. When I used “transform: rotate(90deg)”, it worked, sort of: The text was...
Read more >
writing-mode vertical not working correctly on chrome ... - Reddit
On firefox, if I put this on div1::after writing-mode: vertical-lr; text-orientation: upright; It works fine. But on chrome based browsers, ...
Read more >
Cross Browser Compatibility Guide To CSS Writing Modes
Similarly for sideways-rl, the text is not rendering as it should. Even in Google Chrome browser which is the favourite browser by the...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found