-
-
Notifications
You must be signed in to change notification settings - Fork 3.2k
Closed
Description
Describe the bug
The Progressbar
component in the Svelte version doesn't update correctly. This is because the style applied to the element has an incorrect syntax
framework7/src/svelte/components/progressbar.svelte
Lines 29 to 32 in 09ef46f
$: transformStyle = { | |
transform: progress ? `translate3d(${-100 + progress}%, 0, 0)` : '', | |
WebkitTransform: progress ? `translate3d(${-100 + progress}%, 0, 0)` : '', | |
}; |
<span style={transformStyle} /> |
The style
prop passed to the span
has to be a string, not a JavaScript object
To Reproduce
Steps to reproduce the behavior:
- Instantiate
Progressbar
- Set
progress
to a number
Expected behavior
Bar should display progress value
Actual Behavior
There is no progress update. In the devtools the style has become [object Object]
<span class="progressbar" data-progress="20"><span style="[object Object]"></span></span>
Metadata
Metadata
Assignees
Labels
No labels