Skip to content

Add option to disable dash animation when loading regions in Preview component #137

@lstrzelecki

Description

@lstrzelecki

Problem:

The Preview component from @nyris/nyris-react-components has an animated dashed border around the selection box in Preview.tsx. When regions are loaded and the selection coordinates change from default values {x1:0, y1:0, x2:100, y2:100} to actual coordinates like {x1:0.134, y1:0.168, x2:0.85, y2:0.818}, the animation causes visual flicker and performance issues.

Current Behavior:

  • Selection box animates with dashOffset animation using Konva.Animation
  • Animation runs continuously with speed = 40
  • When selection coordinates update, the animation interferes with smooth region updates

Expected Behavior:

  • Option to disable the dash border animation

Metadata

Metadata

Assignees

No one assigned

    Labels

    No labels
    No labels

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions