fix: use raw Markdown editor instance when refreshing

[people-sea]

Description

Fixes: #20313

Supersedes: #20314

The CodeMirror instance was refreshed through Alpine's reactive proxy.

Use Alpine.raw() to refresh the underlying editor instance.

Visual changes

Before

before.mov

After

after.mov

Functional changes

• Code style has been fixed by running the composer cs command.
• Changes have been tested to not break existing functionality.
• Documentation is up-to-date.

[hamdyelbatal122]

@people-sea, thanks for taking a look at this issue!

I noticed a couple of things that might be worth discussing:

1. Source file not updated The changes here only touch the compiled dist/ file. The source at packages/forms/resources/js/components/markdown-editor.js is unchanged, which means the fix would be overwritten on the next npm run build.

2. The root cause is still there The core issue is that CodeMirror tries to measure character coordinates while the editor is inside a hidden container (collapsed section, inactive tab, etc.). Adding Alpine.raw() to the refresh() call helps avoid the proxy issue, but the editor still initializes eagerly inside the hidden container and CodeMirror will still throw when it can't measure anything.

For example, if you put a MarkdownEditor inside a collapsed Section and load the page — CodeMirror will still fire up immediately and try to call getBoundingClientRect() on elements that have zero dimensions. That's where the TypeError comes from, and Alpine.raw() alone doesn't prevent that from happening.

In #20314, I took a different approach: the editor simply doesn't initialize until its container is actually visible. This way CodeMirror never runs into the measurement problem in the first place.

Happy to discuss if you see it differently!