## Question Authors' Forum

### Editor Issue

Editor Issue

I have just installed Moodle 3.1 with the latest CodeRunner, I realize the editor has a problem, the cursor and the place where the code is actually entered is different.

The page below show the cursor is very far away from the semicolon.

After I entered "s", the letter s actually just appeared next to the semicolon. Very strange. Can someone help me out?

Thanks.

Re: Editor Issue

I have solved the problem already. It is to do with the theme. I used the default theme, and everything is ok.

Re: Editor Issue

Hi Patrick

Thanks for posting both a problem and a solution. It seems your original theme had somehow resulted in the Ace editor using a proportional font. This doesn't work properly - Ace requires a fixed-width font.

Changing the entire theme to fix the problem seems a bit drastic. You might be able to switch back to your original theme and add the following css somewhere suitable:

.ace_editor,.ace_editor * {
font-family:Courier,monospace !important;
font-size:12px;
color:inherit;
}

See here for a brief discussion of font issues with Ace, albeit in a different context.

Another thing you could try if you wanted to use your original theme is to pull the most recent version of CodeRunner (pushed just yesterday) and switch to the Development branch. That branch includes the latest version of the Ace editor which apparently has fixed some font issues like the above. It also fixes an annoying problem with large chunks of code being selected when you first click within the code after a Check. If that solves the problem too, you could either continue to use the Development branch (caveat emptor) or copy the Ace editor (i.e. the entire question/type/coderunner/ace subtree) out of it back into the Master branch.

Richard

Re: Editor Issue

HI Richard,

Regards,

Patrick

Re: Editor Issue

Hi Richard,

I finally got it working by removing the font-size property. Btw, I am using Essential Theme. I posted the updated customized css below just in case others might encounter the similar issue.

.ace_editor,.ace_editor * {
font-family:Courier,monospace !important;
color:inherit;
}