-
-
Notifications
You must be signed in to change notification settings - Fork 1k
Open
Description
Describe the bug
basically the title, if i use dynamic property in style it resolves to undefined in ssr (but works correctly in csr), leading to a fouc
Your Example Website or App
https://stackblitz.com/edit/solidstart-kbdu5aah?file=src%2Fcomponents%2FProgress.tsx
Steps to Reproduce the Bug or Issue
export function Progress(props: ProgressProps) {
return (
<div
class="progress-fill"
style={{
[props.orientation === 'y' ? 'height' : 'width']: `${props.value * 100}%`,
}}
// vv this works fine, however vv
// style={
// props.orientation === 'y'
// ? { height: `${props.value * 100}%` }
// : { width: `${props.value * 100}%` }
// }
/>
);
}in solid playground we can clearly see that the undefined comes from the transformation, so dom-expressions might be a better place for this issue, but idk
Expected behavior
the property resolves correctly
Screenshots or Videos
No response
Platform
- OS: n/a
- Browser: Chrome
- Version: 141
Additional context
No response
Metadata
Metadata
Assignees
Labels
No labels