…2554)

## Description

Fixes the missing blinking cursor in the autograding configuration
editor on the Edit Gradeable > Submission/Autograding tab.

When a file (e.g., \config.json\) is clicked in the file tree to open it
in the CodeMirror editor, no cursor is visible. The user can type and
edit, but there is no visual indicator of the cursor position, making
editing difficult and confusing.

### Root Cause

The CodeMirror instance is created inside a container
(\#gradeable-config-structure\) that starts with \display: none\ and is
toggled open dynamically. When \CodeMirror.fromTextArea()\ runs:

1. The editor does not automatically receive focus, so no blinking
cursor is shown.
2. The editor may miscalculate its layout because it was initialized in
a previously-hidden container.

### Fix

Added two calls after CodeMirror initialization in \loadCodeMirror()\:

- **\codeMirrorInstance.refresh()\** — Forces CodeMirror to recalculate
its layout so the cursor renders at the correct position.
- **\codeMirrorInstance.focus()\** — Gives the editor focus and places a
blinking cursor at the beginning of the document.

Since \ eloadCodeMirror()\ (used by toggle line numbers / tab size
settings) calls \loadCodeMirror()\ internally, the fix applies to both
initial file loading and editor setting changes.

### Testing

1. Go to any Edit Gradeable page
2. Click the **Submission/Autograding** tab
3. Select an uploaded autograding configuration
4. Click **Open Editor**
5. Click on \config.json\ (or any file) in the file tree
6. ✅ A blinking cursor appears at the beginning of the document
7. Click within the text → cursor moves to clicked position
8. Toggle line numbers / tab size → cursor remains visible after reload
9. Switch between files → cursor appears for each newly loaded file

Closes Submitty#12551

Co-authored-by: Emma Roy <[email protected]>

…2554)

## Description

Fixes the missing blinking cursor in the autograding configuration
editor on the Edit Gradeable > Submission/Autograding tab.

When a file (e.g., \config.json\) is clicked in the file tree to open it
in the CodeMirror editor, no cursor is visible. The user can type and
edit, but there is no visual indicator of the cursor position, making
editing difficult and confusing.

### Root Cause

The CodeMirror instance is created inside a container
(\#gradeable-config-structure\) that starts with \display: none\ and is
toggled open dynamically. When \CodeMirror.fromTextArea()\ runs:

1. The editor does not automatically receive focus, so no blinking
cursor is shown.
2. The editor may miscalculate its layout because it was initialized in
a previously-hidden container.

### Fix

Added two calls after CodeMirror initialization in \loadCodeMirror()\:

- **\codeMirrorInstance.refresh()\** — Forces CodeMirror to recalculate
its layout so the cursor renders at the correct position.
- **\codeMirrorInstance.focus()\** — Gives the editor focus and places a
blinking cursor at the beginning of the document.

Since \ eloadCodeMirror()\ (used by toggle line numbers / tab size
settings) calls \loadCodeMirror()\ internally, the fix applies to both
initial file loading and editor setting changes.

### Testing

1. Go to any Edit Gradeable page
2. Click the **Submission/Autograding** tab
3. Select an uploaded autograding configuration
4. Click **Open Editor**
5. Click on \config.json\ (or any file) in the file tree
6. ✅ A blinking cursor appears at the beginning of the document
7. Click within the text → cursor moves to clicked position
8. Toggle line numbers / tab size → cursor remains visible after reload
9. Switch between files → cursor appears for each newly loaded file

Closes Submitty#12551

Co-authored-by: Emma Roy <[email protected]>

…2554)

## Description

Fixes the missing blinking cursor in the autograding configuration
editor on the Edit Gradeable > Submission/Autograding tab.

When a file (e.g., \config.json\) is clicked in the file tree to open it
in the CodeMirror editor, no cursor is visible. The user can type and
edit, but there is no visual indicator of the cursor position, making
editing difficult and confusing.

### Root Cause

The CodeMirror instance is created inside a container
(\#gradeable-config-structure\) that starts with \display: none\ and is
toggled open dynamically. When \CodeMirror.fromTextArea()\ runs:

1. The editor does not automatically receive focus, so no blinking
cursor is shown.
2. The editor may miscalculate its layout because it was initialized in
a previously-hidden container.

### Fix

Added two calls after CodeMirror initialization in \loadCodeMirror()\:

- **\codeMirrorInstance.refresh()\** — Forces CodeMirror to recalculate
its layout so the cursor renders at the correct position.
- **\codeMirrorInstance.focus()\** — Gives the editor focus and places a
blinking cursor at the beginning of the document.

Since \ eloadCodeMirror()\ (used by toggle line numbers / tab size
settings) calls \loadCodeMirror()\ internally, the fix applies to both
initial file loading and editor setting changes.

### Testing

1. Go to any Edit Gradeable page
2. Click the **Submission/Autograding** tab
3. Select an uploaded autograding configuration
4. Click **Open Editor**
5. Click on \config.json\ (or any file) in the file tree
6. ✅ A blinking cursor appears at the beginning of the document
7. Click within the text → cursor moves to clicked position
8. Toggle line numbers / tab size → cursor remains visible after reload
9. Switch between files → cursor appears for each newly loaded file

Closes Submitty#12551

Co-authored-by: Emma Roy <[email protected]>