Skip to content

feat(editor): enable IDE typing features and resizable height#8267

Open
enkr1 wants to merge 7 commits intoCoursemology:masterfrom
enkr1:feat/enhance-code-editor
Open

feat(editor): enable IDE typing features and resizable height#8267
enkr1 wants to merge 7 commits intoCoursemology:masterfrom
enkr1:feat/enhance-code-editor

Conversation

@enkr1
Copy link

@enkr1 enkr1 commented Mar 20, 2026

Closes #8266

Changes

IDE typing features (EditorField.tsx):

  • Auto-close brackets/quotes
  • Wrap selection with brackets/quotes
  • Multi-cursor (Cmd+D / Ctrl+D)
  • Active line + selected word highlighting
  • Remove print margin

Resizable editor (Editor.jsx):

  • Replace fixed 25-line height with CSS resize: vertical drag handle
  • ResizeObserver (using existing polyfill utility) keeps Ace in sync on resize
  • requestAnimationFrame debounces resize calls during drag
  • Default 400px, min 200px

Autocomplete stays OFF — exam integrity preserved.

Related

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Enhance code editor typing experience (bracket matching, auto-close, resize)

1 participant