getodk / getodk/web-forms

Make it easier to select the entire trace

Open
#623 1 comment 1 reaction 0 assignees View on GitHub
front-end needs ui/ux design
Dominant language
TypeScript
Stars
38
Forks
22
PR merge metrics
No merged PRs in 30d

Description

### Description
After removing long-press to place points, tapping on a line or segment now always creates a new point. The reason you may want to select the entire shape is to delete and start again, which we assume is less common.

Currently too delete a shape, users must either:
- Manually select and delete each individual point
- Or tap a segment, it turns dark blue to show the selected state (while also creating a new point), and then delete the entire line. Given they are going to delete the entire line the additional point likely won't be a big issue.

---

### Checklist
- **Does it need UI/UX design?**
- [ ] Yes. Describe the UI/UX requirements or attach a Figma link in the "Design" section.
- [ ] No
- **Does it need API design?**
- [ ] Yes. Specify the endpoints, methods, or data structures needed.
- [ ] No
- **Does it need design around state flow?**
- [ ] Yes. Outline the state flow requirements.
- [ ] No
- **Does it need a test plan?**
- [ ] Yes. Add the test plan as a comment in this task or attach the document.
- [ ] No
---

### User Stories

- **As a** [user type],
**I want** [functionality],
**so that** [benefit].

---

### Design

- **Figma**: [Insert URL]
- **Design Docs**: [Insert URL]

---

### Dependencies

-

---

### Additional Notes

-

---

### Related Issues

-

Contributor guide

No contributing guide indexed for this repository

Research direction

The issue names no files or tests; start by locating the frontend interaction that handles tapping a trace segment and selecting or deleting a shape. Compare the current point-creation and whole-trace deletion behavior, then verify that the chosen interaction selects the entire trace without requiring point-by-point deletion.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Feature
Difficulty
3/5
Estimated time
1-2 days
Activity status
Quiet
Clarity
Mostly clear
Newbie friendliness
55/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.