ccss icon indicating copy to clipboard operation
ccss copied to clipboard

`break-after` not serialized

Open tymokvo opened this issue 11 months ago • 2 comments

Hello,

I've been using ccss to manage CSS rules for a page that needs to be printed in a specific format. However, I'm running into an issue where variants of break-after are not serialized into the generated CSS unless unsupported: true is set on the object.

breakAfter and "break-after" both show up as keys in the CCSSProps type, so I was expecting these to serialize.

tymokvo avatar Mar 31 '25 18:03 tymokvo

I'm quite surprised someone opening an issue here :)

I haven't touched the package in a while. I took a quick look, and while the fix is easy, I'd need an update to the build system, now it's kinda broken :(

I'll try to dedicate some time to updating it, meanwhile you can also extend the supported props yourself:

import ccss, { toCSSRule } from `ccss`

ccss.setProps([
  [['break-before'], null, [toCSSRule]],
  [['break-after'], null, [toCSSRule]],
  [['break-inside'], null, [toCSSRule]],
])

Make sure the above runs before anything else that's CCSS.

wintercounter avatar Mar 31 '25 20:03 wintercounter

Well I'm working on something that requires SSR at runtime with some moderately complex CSS, so... here I am. The package is pretty nice overall!

Thanks for the workaround, that's helpful. Also, as I mentioned, just setting unsupported: true works, even if it's a bit of a gotcha.

tymokvo avatar Apr 01 '25 12:04 tymokvo