Decathlon / Decathlon/vitamin-web

bug(@vtmn/svelte): linear progressBar not displayed correctly on storybook

Open
#1,457 2 comments 0 reactions 0 assignees View on GitHub
bug 🐛 community 👥 Svelte 🟠
Dominant language
HTML
Stars
287
Forks
76
PR merge metrics
No merged PRs in 30d

Description

## Description
On the svelte storybook, on every `linear` version of the `VtmnProgressbar` component ([link](https://decathlon.github.io/vitamin-web/@vtmn/showcase-svelte/?path=/story/components-indicators-vtmnprogressbar--overview&args=size:small)), the progress displayed (blue background on the progress element) is always at 100%.

image

=> This error only affect storybook. The component himself is working properly.

This error occurs because the following CSS code is missing.

```css
transform: var(--vtmn-progressbar_progress-transform);
```

## Expected behavior
As for every other languages, the progress should be reflected on the component as in the exemple bellow.

image

## Version affected
@vtmn/svelte: v3.2.5

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.