getodk / getodk/web-forms

Add image-map appearance for selects

Open
#471 0 comments 0 reactions 0 assignees View on GitHub
enhancement In Collect In Enketo needs discussion
Dominant language
TypeScript
Stars
38
Forks
22
PR merge metrics
No merged PRs in 30d

Description

### Description
The `image-map` appearance on selects makes it possible to display choices as regions on an SVG.

[Collect docs](https://docs.getodk.org/form-question-types/#select-from-image-widget)

---

### Checklist
- **Does it need UI/UX design?**
- [x] 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.
- [x] No
- **Does it need design around state flow?**
- [x] Yes. Outline the state flow requirements.
- [ ] No
- **Does it need a test plan?**
- [x] Yes. Add the test plan as a comment in this task or attach the document.
- [ ] No
---

### User Stories

- **As a** form user,
**I want** to select choices from an image,
**so that** I can easily make the right choice when the real-life selection is visual or I am non-literate.

---

### 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 implementation files, entry points, or tests, and its Design and test-plan sections are still placeholders. Start by locating the existing select appearance handling and reviewing the linked ODK documentation. Done should include a defined design and state flow for selecting choices as regions on an SVG, plus an agreed test plan.

Written by the indexing model from the issue text.

Assessment

Tech stack
typescript
Domain
frontend
Issue type
Feature
Difficulty
5/5
Estimated time
Over a week
Activity status
Stale
Clarity
Needs clarification
Newbie friendliness
18/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.