Смещение между текстом и курсором с помощью редактора Monaco (Angular) в Chrome / MacOS - PullRequest
0 голосов
/ 07 октября 2019

Используя редактор в приложении Angular, мы можем видеть смещение между текстом и курсором. Например, если мы хотим стереть символ в позиции курсора, символ в двух или трех позициях перед ним удаляется.

Это происходит только при использовании Chrome под MacOS. У нас нет такого поведения для Firefox / Safari на MacOS и Chrome / Firefox на Linux. Я использую версию 0.18.1.

Кто-нибудь сталкивался с этой проблемой?

1 Ответ

1 голос
/ 12 октября 2019

У меня была такая же проблема в Windows, и она оказалась проблемой размера шрифта! Я не совсем помню, но что-то вроде этого было вычисление на основе font-size: x, но отображалось font-size: y, но только в Windows. Дважды проверьте, что у вас нет общего размера шрифта для всех элементов div или чего-то еще, и что все ваши имена шрифтов работают на всех ОС (например, убедитесь, что вы используете не только Consolas или что-то еще). Мне пришлось сделать

#monacodiv div, #monacoDiffEditor div {
  font-family: monospace;
  font-size: unset; 
}

, чтобы заставить его работать, потому что в нашей среде у нас была глобальная настройка

body, td, div, p {
    font-family: Lato, Sans-serif;
    font-size: 10pt;
}

, которая отбрасывала все.

...