[Bug]: Text controls truncated when special characters are used.

Describe the bug

When entering content into a text-based control, if the content contains a special character, the text is truncated when the input loses focus. The story component itself does not reflect this truncation. This occurs on clean Storybook instances.

I've found this to be the case in version 8.5.0-beta.10 onwards. 8.5.0-beta.9 does not seem to exhibit the issue.

Reproduction link

https://codesandbox.io/p/devbox/3j3tsg

Reproduction steps

1. Go to the reproduction link
2. Navigate to the Button -> Primary story
3. Edit the "label" control, enter "Button/Test"
4. Tab away from the input
5. Everything from the "/" onwards is removed from the input.

System

Storybook Environment Info:

  System:
    OS: Linux 6.1 Debian GNU/Linux 12 (bookworm) 12 (bookworm)
    CPU: (2) x64 AMD EPYC
    Shell: Unknown
  Binaries:
    Node: 20.12.0 - /usr/local/bin/node
    Yarn: 1.22.19 - /usr/local/bin/yarn
    npm: 10.5.0 - /usr/local/bin/npm
    pnpm: 8.15.6 - /usr/local/share/npm-global/bin/pnpm <----- active
  npmPackages:
    @storybook/addon-essentials: ^8.6.12 => 8.6.12 
    @storybook/addon-onboarding: ^8.6.12 => 8.6.12 
    @storybook/blocks: ^8.6.12 => 8.6.12 
    @storybook/experimental-addon-test: ^8.6.12 => 8.6.12 
    @storybook/react: ^8.6.12 => 8.6.12 
    @storybook/react-vite: ^8.6.12 => 8.6.12 
    @storybook/test: ^8.6.12 => 8.6.12 
    eslint-plugin-storybook: ^0.12.0 => 0.12.0 
    storybook: ^8.6.12 => 8.6.12

Additional context

No response