Hey guys ! Just want to raise awareness about this issue, which I feel is quite critical : <https://...

# compose-web

[salomonbrys]

Hey guys !
Just want to raise awareness about this issue, which I feel is quite critical : https://github.com/JetBrains/compose-jb/issues/1241

[LeoColman]

Happened to me as well. I was about to comment here and got surprised by the solution lol

[LeoColman]

Having to write descendant was not intuitive at first

[Akif Abasov [JB]]

Thanks for report! Will fix it this week!

[Akif Abasov [JB]]

but you can use self explicitly here to workaround

[LeoColman]

What is the workaround?

[Akif Abasov [JB]]

something like

self + " h1" {
 …
}

should work

[LeoColman]

Ah, that space!

[LeoColman]

I was missing the space

[LeoColman]

Was trying just self + "h1" {}

[LeoColman]

Any chance we could replace combine to add that space by default? I doubt anyone combining selectors want to join them as a single string without any spacing

[Akif Abasov [JB]]

but self + "h1" mean something like "&h1", which is valid case…

[Akif Abasov [JB]]

BTW we have descendant combinator for that

[Akif Abasov [JB]]

descendant(self, "h1")

[Akif Abasov [JB]]

maybe it could be just desc(self, "h1")

[LeoColman]

but self + "h1" mean something like "&h1", which is valid case… (edited)

Ah, I see. I didn't know that

[LeoColman]

In CSS a > h1 is valid, isn't it?

[LeoColman]

We could overload the > operator if we want to make it similar

[Akif Abasov [JB]]

I will think about operator overloading. We need to do it carefully to avoid ambiguity.

[Akif Abasov [JB]]

Now you can use child combinator for that. child(self, "h1")

[LeoColman]

self desc "h1" { } could work too

[LeoColman]

Instead of operator, just infix. It's way less ambiguous

[Akif Abasov [JB]]

Will play with different solutions. Thanks for highlighting.

[CLOVIS]

The most kotlin-like operator for descendants is probably /