I’m getting these warnings: Automatically scrolling cur

<a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/us

ahh thanks :) <a class="user-mention notranslate" data-hovercard-type="user" data-hove

How to set `editor.$blockScrolling = Infinity`? about react-ace HOT 9 CLOSED

securingsincity commented on September 26, 2024 1

How to set `editor.$blockScrolling = Infinity`?

from react-ace.

Comments (9)

oluckyman commented on September 26, 2024 29

@KevinMongiello try this:

<ReactAce
  editorProps={{
    $blockScrolling: Infinity
  }}
/>

from react-ace.

harshapps commented on September 26, 2024 3

@oluckyman @loretoparisi Try this. This worked for me.

var editor = ace.edit("editor");
editor.getSession().setMode("ace/mode/javascript");
editor.$blockScrolling = Infinity;

from react-ace.

brokenalarms commented on September 26, 2024

please merge this fix by Evan, just came here to ask the same thing :) thanks!

from react-ace.

mingfang commented on September 26, 2024

I'm still getting these warnings in the console.
Sounds like it was fixed though.
Is there something I have to set to avoid the warnings?

from react-ace.

mskasal commented on September 26, 2024

@mingfang Default value is 0. I tried to set as editor.$blockScrolling = 1 and console logs gone.

from react-ace.

mingfang commented on September 26, 2024

@mskasal thanks

from react-ace.

loretoparisi commented on September 26, 2024

@mskasal I did but this does not solve the issue:

this.editor = this._createEditor("editor");
            this.editor.$blockScrolling = 1;
            this.editor.setOptions({
                readOnly: true,
                highlightActiveLine: false,
                highlightGutterLine: false,
                onLoad: function (_editor) {
                    // This is to remove following warning message on console:
                    // Automatically scrolling cursor into view after selection change this will be disabled in the next version
                    // set editor.$blockScrolling = Infinity to disable this message
                    _editor.$blockScrolling = 1
                }
            });

where

private _createEditor(element_name:string,onchange?:any){
            var editor:Editor = ace.edit(element_name);
            //editor.setTheme('ace/theme/monokai');
            editor.getSession().setMode('ace/mode/javascript');
            editor.getSession().setTabSize(4);
            editor.getSession().setUseSoftTabs(false);
            editor.getSession().setUseWrapMode(true);
            editor.setShowPrintMargin(true);
            return editor;
        }