initCollapsed causes blocks to collapse in the middle of editing

[mvarendorff2]

Describe the Bug

Setting initCollapsed: true on a blocks field causes the blocks to collapse while editing (after the debounce period) if the entity has not been saved yet.

Link to the code that reproduces this issue

https://github.com/mvarendorff2/payload-initcollapsed-repro

Reproduction Steps

1. Clone, install and start the project

git clone [email protected]/mvarendorff2/payload-initcollapsed-repro.git
cd payload-initcollapsed-repro
pnpm install
pnpm dev

2. Open Payload, create a new user and log in
3. Start creating a new object in the Pages collection
4. Add a new Example Block to the blocks section (starts collapsed which is as expected)
5. Open it and start typing in the Foo-field
6. Take a half second to think what you want to type next
7. The block collapses right when you want to start typing again :(

Which area(s) are affected? (Select all that apply)

area: ui

Environment Info

Binaries:
  Node: 22.14.0
  npm: N/A
  Yarn: N/A
  pnpm: N/A
Relevant Packages:
  payload: 3.31.0
  next: 15.2.3
  @payloadcms/email-nodemailer: 3.31.0
  @payloadcms/graphql: 3.31.0
  @payloadcms/next/utilities: 3.31.0
  @payloadcms/payload-cloud: 3.31.0
  @payloadcms/richtext-lexical: 3.31.0
  @payloadcms/translations: 3.31.0
  @payloadcms/ui/shared: 3.31.0
  react: 19.0.0
  react-dom: 19.0.0
Operating System:
  Platform: win32
  Arch: x64
  Version: Windows 11 Home
  Available memory (MB): 32213
  Available CPU cores: 22