Description
When the code editor is completely empty, it currently appears blank.
This may confuse first-time users who are unsure where to start.
Introduce a placeholder message that guides users by showing a helpful hint such as:
"Start typing your solution here..."
Proposed Solution
- Add a placeholder message that appears only when the editor content is completely empty.
- The message should disappear automatically as soon as the user starts typing.
- The behavior should be consistent across all supported languages.
Additional Notes
- Keep the placeholder visually distinct (e.g., gray, semi-transparent text) to avoid confusion with actual code.
- No functional code should be inserted — this is purely a visual helper for UX.
💡 Good First Issue: Perfect for contributors interested in improving user experience and working with the editor component's state handling.
Description
When the code editor is completely empty, it currently appears blank.
This may confuse first-time users who are unsure where to start.
Introduce a placeholder message that guides users by showing a helpful hint such as:
"Start typing your solution here..."
Proposed Solution
Additional Notes
💡 Good First Issue: Perfect for contributors interested in improving user experience and working with the editor component's state handling.