Make the angle vertex first in tab order

Khan · Aug 2, 2024 · 6fcf30b · 6fcf30b
1 parent 03f5419
commit 6fcf30b
Showing 1 changed file with 9 additions and 9 deletions.
diff --git a/packages/perseus/src/widgets/interactive-graphs/graphs/angle.tsx b/packages/perseus/src/widgets/interactive-graphs/graphs/angle.tsx
@@ -93,15 +93,6 @@ export function AngleGraph(props: AngleGraphProps) {
         <>
             {svgLines}
             <Angle {...angleParams} />
-            {/* side 1 */}
-            <MovablePoint
-                key={"point-0"}
-                constrain={getAngleSideConstraint(coords[0], coords[1], snapDegrees || 1)}
-                point={coords[0]}
-                onMove={(destination: vec.Vector2) =>
-                    dispatch(actions.angle.movePoint(0, destination))
-                }
-            />
             {/* vertex */}
             <MovablePoint
                 key={"point-1"}
@@ -111,6 +102,15 @@ export function AngleGraph(props: AngleGraphProps) {
                     dispatch(actions.angle.movePoint(1, destination))
                 }
             />
+            {/* side 1 */}
+            <MovablePoint
+                key={"point-0"}
+                constrain={getAngleSideConstraint(coords[0], coords[1], snapDegrees || 1)}
+                point={coords[0]}
+                onMove={(destination: vec.Vector2) =>
+                    dispatch(actions.angle.movePoint(0, destination))
+                }
+            />
             {/* side 2 */}
             <MovablePoint
                 key={"point-2"}