eui

eui copied to clipboard

Describe the bug I've recently upgraded from EUI v37 to v93. It seems that in the meantime, the animation for EuiProgress was lost. I suspect: https://github.com/elastic/eui/commit/21a24c313a126d54e64f46177e51fdc44a898821

src/components/progress/_progress.scss had

  &::-webkit-progress-value {
    transition: width $euiAnimSpeedNormal linear;
  }

  &::-moz-progress-bar {
    transition: width $euiAnimSpeedNormal linear;
  }

Impact and severity Low impact. Workaround:

.euiProgress[class*="euiProgress-native"]::-webkit-progress-value {
  transition: width 250ms linear;
}

.euiProgress[class*="euiProgress-native"]::-moz-progress-bar {
  transition: width 250ms linear;
}

Environment and versions

• EUI version: v93
• Browser: Chrome, Firefox

To Reproduce Steps to reproduce the behavior:

1. Open https://eui.elastic.co/#/display/progress#progress-with-values
2. Click Toggle progress

Expected behavior When updated, progress bar should animate increments.