Resolve multiple objects for a selection when they don't share a comm…

…on object in the scene adeira-source-id: 2f36ed7f5f6da82cdc7f9049116957ca59f5c1d8
trytriplex · Jan 3, 2025 · dee09ea · dee09ea
1 parent f03da4f
commit dee09ea
Show file tree

Hide file tree

Showing 3 changed files with 18 additions and 4 deletions.
diff --git a/.changeset/four-tomatoes-share.md b/.changeset/four-tomatoes-share.md
@@ -0,0 +1,5 @@
+---
+"@triplex/renderer": patch
+---
+
+Selecting a fragment now highlights all child elements in the scene.
diff --git a/.changeset/healthy-walls-play.md b/.changeset/healthy-walls-play.md
@@ -0,0 +1,5 @@
+---
+"@triplex/renderer": patch
+---
+
+Jump to element on fragments now focuses the camera on all of the child elements instead of the first child element.
diff --git a/examples/test-fixture/src/cards.tsx b/examples/test-fixture/src/cards.tsx
@@ -5,6 +5,8 @@
  * file in the root directory of this source tree.
  */
 
+import { Fragment } from "react";
+
 function Card({ children }: { children: React.ReactNode }) {
   return (
     <div
@@ -61,10 +63,12 @@ export function CardExample() {
   return (
     <Card>
       <CardHero />
-      <CardTitle>Inner Light</CardTitle>
-      <CardContent>
-        <span>Elderbrook & Bob Moses</span>
-      </CardContent>
+      <Fragment>
+        <CardTitle>Inner Light</CardTitle>
+        <CardContent>
+          <span>Elderbrook & Bob Moses</span>
+        </CardContent>
+      </Fragment>
     </Card>
   );
 }