React-ace: Курсор не на том сайте

Привет
у меня такая же проблема
Я использовал пример из демо (http://securingsincity.github.io/react-ace/)
Мне помогло удаление fontSize = {14} из моего кода

@huangjiatian @RTKSoftware я нашел этот твит, который может вам помочь https://twitter.com/Maluen0/status/862636368857583616 Похоже, точная проблема с душой

У меня была эта проблема, когда размер шрифта в CSS отличался от значения, которое я передал реквизитам редактора. Решил проблему, удалив размер шрифта из CSS.

Та же проблема. Пожалуйста исправьте. Или дайте способ исправить.

@MaximusDesign У меня также была эта проблема, и я обнаружил, что ace полагается на моноширинные шрифты.
В моем случае проблема была вызвана тем, что глобальные настройки семейства шрифтов переопределяют monaco , которые устанавливает ace.

Я обнаружил, что могу решить, либо установив шрифт в редакторе на моноширинный шрифт, либо просто inherit

Мы используем стилизованные компоненты, поэтому наше решение выглядит так.

const Editor = styled(AceEditor)`
    * {
        font-family: inherit;
    }
`;

Я использовал аналогичную проблему при удалении или добавлении в редактор курсора в 4 пробелах от фактической позиции. Подобно @MatthewLarner , мы использовали styled-components , но вместо этого установили для семейства шрифтов значение Ace по умолчанию consolas и уменьшили высоту строки:

 const StyledEditor = styled.div`
      margin-top: 10px;
      * {
        font-family: consolas;
        line-height: 1;
      }
    `;

    return (
      <StyledEditor>
        <AceEditor
        mode="json"
        theme="solarized_dark"
        fontSize={14}
        value={''}
        setOptions={{
          showLineNumbers: false,
          tabSize: 2,
        }}
        editorProps={{ $blockScrolling: true }}
      />
      </StyledEditor>
    );

у меня такая же проблема, но все вышеперечисленное не работает, тогда я ищу решение от аса источника,
я получил это https://github.com/ajaxorg/ace/issues/2548 . наверняка шрифт вызывает проблему с курсором. изменение шрифта на monospace сработало для меня.
.ace_editor, .ace_editor div{ font-family:monospace }