How to make this to compile? ```Modifier.width(Breakpoint.LG.toWidth())``` I currently use the follo...

# kobweb

[Norbi]

How to make this to compile?

Modifier.width(Breakpoint.LG.toWidth())

I currently use the following non-type-safe solution:

styleModifier {
  property("width", Breakpoint.LG.toWidth())
}

[David Herman]

You can try this

Modifier.width(Breakpoint.LG.toPx() as CSSpxValue)

Thanks to your comment, I'll be updating toPx to return CSSpxValue in the next version of Kobweb (at which point you could remove the cast)

Alternately, you can tell the compiler that you're smarter than it is:

Modifier.width(Breakpoint.LG.toWidth().unsafeCast<CSSLengthNumericValue>())

which is now also something I'm considering doing in the next version of Kobweb as well.

[David Herman]

(Between those two choices I would probably suggest the second unsafeCast one, but I'm testing right now if that will actually work)

[Norbi]

suggest the second unsafeCast one

It works for me, thanks :)

[David Herman]

FYI I'll ping here in about 10 minutes. 0.16.3-SNAPSHOT is going up now with this fixed.

[David Herman]

If you're happy with the unsafeCast, then you're golden!

[David Herman]

But if you're willing to use the snapshot version, I'll ping you when it's ready. Just waiting on GitHub CI at the moment.

[David Herman]

Thanks for the report! It was a good one.

[David Herman]

Especially this is some of the older code in the Kobweb codebase, so it's nice to revisit it now that we've learned a lot more.

[David Herman]

0.16.3-SNAPSHOT should be up!