Add :host-context to TSPseudoClass

[ghost]

:host is recognized, but :host-context is not. https://developer.mozilla.org/en-US/docs/Web/CSS/:host-context.

[ghost]

Any chance of this coming in a future update? I need to make a visitor for :host-context(...).

[devongovett]

Hmm, looking through the link you posted it seems that this is a non-standard Chrome-only selector. According to the linked Firefox issue in the compatibility table, neither Mozilla nor Apple plan on implementing it and it will likely be removed from the spec. See w3c/csswg-drafts#1914. Therefore I'm hesitant to implement it as well. It should already be parsed as PsuedoClass::CustomFunction. Does that work for you?

[Oriblish]

Yes

…

On Thu, Jul 27, 2023, 12:20 PM Devon Govett ***@***.***> wrote: Hmm, looking through the link you posted it seems that this is a non-standard Chrome-only selector. According to the linked Firefox issue in the compatibility table, neither Mozilla nor Apple plan on implementing it and it will likely be removed from the spec. See w3c/csswg-drafts#1914 <w3c/csswg-drafts#1914>. Therefore I'm hesitant to implement it as well. It should already be parsed as PsuedoClass::CustomFunction. Does that work for you? — Reply to this email directly, view it on GitHub <#545 (comment)>, or unsubscribe <https://github.com/notifications/unsubscribe-auth/AX26CFG7JGRJ3H4M7KA35WLXSKPPLANCNFSM6AAAAAA2NP6KGA> . You are receiving this because you are subscribed to this thread.Message ID: ***@***.***>

[ghost]

It's workable... the main issue is the lack of specificity with the arguments. The :host type has selectors, but custom-function's arguments are TokenOrValue[] where a class, for example, is a delim and an ident... so you can see how this is unraveling.

[
  { type: 'ident', value: 'body' },
  { type: 'white-space', value: ' ' },
  { type: 'delim', value: '>' },
  { type: 'white-space', value: ' ' },
  { type: 'delim', value: '.' },
  { type: 'ident', value: 'content' }
]

converting this into selectors is not great

[ghost]

@Oriblish how did you implement this?

[ghost]

Tried messing with this more today... no luck, really. I'm basically left to parse the tokens into selector components, but this library already has that capability unexposed (as far as I'm aware). There's no "raw" component type that would just insert a string; even "type" escapes invalid type characters.

[ghost]

Navigated the issue entirely by avoiding the need for a visitor on this selector.