Home

Issue: 2110

Multiline CSS selectors do not work correctly with ssr

[issue link]

I use a lot of CSS classes and I like long, descriptive class names, thats why I sometimes end up with multi line class names:

<div
  class="
    o-grid__item
    o-vertical-spacing
    o-vertical-spacing--l
    u-width-12/12
    u-width-6/12@m">
</div>

It seems that the server renderer can’t handle those new line separated classes:

bildschirmfoto 2017-11-14 um 18 08 50

As soon as I trigger client side rendering, everything looks fine again:

bildschirmfoto 2017-11-14 um 18 11 10

Is there something I can do about this or is this a bug in Nuxt or the Vue server renderer?

This question is available on Nuxt.js community (#c1870)