- 
          
- 
                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