Skip to content

Dashboard Order graph animates into final size #38860

Open
@vandijkstef

Description

@vandijkstef

Preconditions and environment

  • Mage 2.4.7

Steps to reproduce

Since updating to Mage 2.4.7 the Orders/Amounts graph on the admin dashboard page is quite slowly animating into it's final size. It seems like the animation timing that is applied to the canvas element contents is ALSO applied to the canvas element itself.

It's apparent on first-load ánd when switching between a non-data selection (today when no order received today) and actual-data selection (YTD wíth orders)

It's also apparent when (rapidly) changing the width of the page

Expected result

canvas element snapping between max-size and min-size - an instant layout-shift, not animated over 1-2s
or -
No layout shift at all - Element stays max-sized and show a 'No data found'-like warning message

I would prefer the latter, as pages moving without users explicit input should be prevented but it might break the scope of this bug and become a change of an existing feature.

Actual result

The graph starts out as an very small (0 x 0 px size) element and animates into it's final size.

Additional information

I am pretty sure this is coming from the JS that is rendering the graph - Adding animation: none and transition: 0s to the canvas element doesn't change the behaviour

Release note

No response

Triage and priority

  • Severity: S0 - Affects critical data or functionality and leaves users without workaround.
  • Severity: S1 - Affects critical data or functionality and forces users to employ a workaround.
  • Severity: S2 - Affects non-critical data or functionality and forces users to employ a workaround.
  • Severity: S3 - Affects non-critical data or functionality and does not force users to employ a workaround.
  • Severity: S4 - Affects aesthetics, professional look and feel, “quality” or “usability”.

Activity

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions