Product media placeholder
Replace this area with a screenshot or short walkthrough video during the media sweep.
Concatenate `prefix` + `suffix` into a single CSS selector string. The canonical helper for composing per-iteration selectors out of a `forEachScope.selector` (prefix) and a static descendant fragment (suffix), replacing the F351 embedded-token form `"$match .child"`.
Type selectorJoinCategory mathContext sharedDynamic ports noCompound no
Inputs
| Port | Type | Description |
|---|---|---|
prefix | string | String prepended to the suffix. Wired source overrides the `prefix` param. Typical wiring: `__scope__.selector`. |
suffix | string | String appended to the prefix. Wired source overrides the `suffix` param. Typical author setting: a leading-space descendant combinator + class (e.g. `" .heading"`). |
Outputs
| Port | Type | Description |
|---|---|---|
selector | string | Concatenated `prefix + suffix` string. Wire into any node's wireable selector input port. |
Parameters
| Parameter | Type | Default | Description |
|---|---|---|---|
prefix | string | "" | Default value used when the prefix port is unwired. |
suffix | string | "" | Default value used when the suffix port is unwired. Typical: a leading-space descendant combinator (e.g. `" .child"`). |
Use cases
- Per-iteration descendant selector — wire `prefix` from `__scope__.selector`, set `suffix: " .child"`. Output is `<scope-selector> .child` per iteration.
- Per-iteration attribute composition — wire `prefix` from `__scope__.selector`, set `suffix: "[data-id]"`.
- Author-time literal join — leave both inputs unwired, set both as params, get a constant selector output (rare; usually selectors are static and don't need a join).
Related nodes
Envelope
Use selectorJoin as the node type inside a graph node envelope. Add id, optional params, optional connections, and optional activeWhen based on the guide context.
Generated source
Registry faster-motion-docs/node-registry.jsonCategory page /help/faster-motion/faster-motion-node-category-math/