adobe / spectrum-web-components

Spectrum Web Components
https://opensource.adobe.com/spectrum-web-components/
Apache License 2.0
1.25k stars 200 forks source link

[Bug]: Spectrum web component: Progress Bar indeterminate does not animate on Web Views #4706

Open sarahszhou opened 1 month ago

sarahszhou commented 1 month ago

Code of conduct

Impacted component(s)

Universal asset browser

Expected behavior

Progress Bar on web view has animations

Actual behavior

Progress Bar on web view for some reason does not animate at all When value is set - it will jump from one percentage to another and not glide over. This is problematic when the value jumps from 0% - 100% since it looks like there is no progress. (Reproducible on Web View and UXP Web View).

It's also problematic when the indeterminate prop is set and it just appears stuck. (This is only reproducible on UXP web view).

Screenshots

https://github.com/user-attachments/assets/0052a1ac-547b-4549-b5e4-40133146121a

What browsers are you seeing the problem in?

Chrome

How can we reproduce this issue?

  1. Build cloud-shared-components (UAB) repository locally
  2. Link it to Illustrator with ccx-start-uxp branch uab-web
  3. select an asset and select for an operation to occur
  4. Observe the progress dialog does not animate.

Sample code or abstract reproduction which illustrates the problem

const progressPercent = Math.round((numInProgress / batchSize) * 100);
// const indeterminate = batchSize === 1 ? true : undefined;
return (
    <div className={styles.dialogRoot} tabIndex={0}>
        <Progress
            label={label}
            value={progressPercent}
            labelPosition="top"
            tabIndex={-1}
        />

Severity

SEV 2

Logs taken while reproducing problem

No response

najikahalsema commented 2 days ago

Hey @sarahszhou ! Just to clarify--is this bug only reproducible within the UXP context, or are you able to reproduce it in a browser like Chrome or via an abstract in webcomponents.dev?