normalizeProps() turns style attribute value to a string, but mergeProps() turns it back to an object (when using Svelte)

[babakfp]

Hi

This is my code:

const mergedAttributes = $derived(
  normalizeProps.input(
    mergeProps(
      radioGroup.getItemHiddenInputProps(itemProps),
      htmlInputAttributes,
    ),
  ),
)

radioGroup.getItemHiddenInputProps(itemProps) returns the style attribute value as a string. When wrapping them with mergeProps, they turn into an object.

NOTE: ignore the word init. It has something to do with Svelte reactivity.

Is this a bug? Because Svelte doesn't expect an object inside the style attribute and this code converts a style object into a string as expected, to make it work with Svelte.

Maybe the Svelte version of mergeProps needs to turn the value of style attribute back to a string at the end?

[anubra266]

@babakfp I'm unable to reproduce this. Could you attach a reproduction

[babakfp]

https://github.com/babakfp/zag-discussions-2045

Only related content is located at src\routes\+page.svelte

[anubra266]

Ok @babakfp I'm able to reproduce now. Could you open an issue in this regards. THanks

[babakfp]

Awesome! Thanks.

Link to issue: #2046