h2oai / h2oai/wave

Add ability to select overlapping shapes in `ui.image_annotator`

Open
#1,729 0 comments 0 reactions 0 assignees View on GitHub
feature ui
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

Open the contributing 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

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.