ControlledEditor starts off with all text highlighted

Describe the bug I am using the ControlledEditor as part of a larger page. When opening the page, I have to scroll down to see the monaco editor, and when I get to it, all the text starts off highlighted. This is not so much a functional issue as much as just being a little annoying, but I’d still like to figure out why it’s happening.

To Reproduce

My code looks like

<ControlledEditor
     height={props.height}
     width={props.width}
     value={props.value}
     onChange={props.onChange}
     language="mylanguage"
     theme="dark"
/>

It’s not a problem with any of my custom language settings I’ve created bc I can comment those out and the issue remains. In fact I can remove everything except for the height, width, and value and I still have the issue. Has anyone else run into this?

[joshuacheng]

@albingroen @suren-atoyan looks good, thanks for all your help!

[suren-atoyan]

Hello guys

I’ve already fixed the issue. Please check the new version v3.7.3 (@albingroen it is not the one with multi-file editor API).

You can check @albingroen’s codesandbox demo with the updated version of the package.

@joshuacheng could you please check the new version in your app?

Thank you for your support!