fix: writing-mode: initial != horizontal-tb

[ICELI]

https://stackoverflow.com/questions/59560622/writing-mode-initial-horizontal-tb-at-chrome

demo

[codecov-io]

Codecov Report

Merging #905 into master will not change coverage.
The diff coverage is n/a.

@@           Coverage Diff           @@
##           master     #905   +/-   ##
=======================================
  Coverage   97.28%   97.28%           
=======================================
  Files         118      118           
  Lines        3458     3458           
  Branches     1040     1040           
=======================================
  Hits         3364     3364           
  Misses         86       86           
  Partials        8        8           

---

Continue to review full report at Codecov.

Legend - Click here to learn more
Δ = absolute <relative> (impact), ø = not affected, ? = missing data
Powered by Codecov. Last update 8dd5c44...7e2c4f9. Read the comment docs.

[anikethsaha]

initial for writing-mode is horizontal-tb ref this

[ICELI]

initial for writing-mode is horizontal-tb ref this

First of all, thanks for such a quick reply.
Yes, I know that. But in that case, they did behave inconsistently in the Chrome browser. How do I solve it, give up chrome or cssnano, is there an easy way to solve this problem.

[ICELI]

In version 81 of the Chrome browser, this can be solved as follows:

-webkit-writing-mode: horizontal-tb;
     writing-mode: initial;

But in the Chrome 83 (beta) version, it does not work.

https://codepen.io/ICELI/pen/bGVvBro

[anikethsaha]

Thanks for the details 👍 ,
We are using caniuse-api to check the support, it is working as expected.
perhaps, you can change the version in browserlist config for chrome and try,
also,
we don't want to move away from official specs. So personally I would wait until there is any changes in the spec.

in the meantime, you can

• use postcss-ignore-plugin
• or , disable the reduce initial plugin in cssnano option