Add ability to select overlapping shapes in `ui.image_annotator`
- Dominant language
- Python
- Stars
- 4.3k
- Forks
- 371
- Avg merge
- 26d 1h
- Merged PRs (30d)
- 1
Description
#### Is your feature request related to a problem? Please describe
Currently, it is not possibly to select overlapping shapes in the `ui.image_annotator` component.
One will need to move away or to delete the topmost shape first to be able to select the shape below. (see video below)
#### Describe the solution you'd like
One solution would be to implement a looping functionality, where for each click on a stack of shapes, the next layer will be selected.
#### Describe alternatives you've considered
An annotator could always start with the largest box. When a smaller box is drawn onto a bigger box, both are still selectable.
#### Additional context
https://user-images.githubusercontent.com/1069138/205308127-7557ba53-624c-422d-9cf7-087e0ac93aaf.mp4
Contributor guide
Research direction
Start by locating the implementation and interaction entry points for the `ui.image_annotator` component, then reproduce the overlapping-shape case shown in the linked video. The change is done when clicking a stack of shapes allows each underlying shape to be selected without moving or deleting the topmost shape.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- python
- Domain
- frontend
- Issue type
- Feature
- Difficulty
- 4/5
- Estimated time
- 3-5 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100