Явная позиция курсора jsfiddle не является фактической позицией в Chrome и IE. Работает в Firefox

Заметив сегодня, что при длинных строках кода или комментариев курсор постепенно становится все более и более неправильным, пока его видимое положение не может быть выключено более чем на 3 символа. (Похоже, редактор считает, что он работает с другим шрифтом.)

Я вижу это в Chrome и IE. Однако Firefox работает нормально. Кто-нибудь еще видит это?

Ответ 1

Надеюсь, они это исправит. Отключить рендеринг текста: optimizeLegibility; в элементе body, и вы должны быть хороши тем временем.

В Chrome вы делаете это следующим образом:

Откройте скрипт, который вы хотите отредактировать
Откройте хром-консоль (f12)
выберите вкладку "элементы".
выберите тег body
прокрутите область "стилей" (с правой стороны) до "normalize.css"
снимите флажок рядом с надписью "text-rendering: optimizeLegibility;"

Теперь курсор фиксируется, пока вы не перезагрузите страницу.

Ответ 2

Благодаря user1803096 для быстрого исправления. Теперь, поскольку скучно каждый раз использовать инспектор для удаления этого конкретного правила CSS, я предпочитаю копировать/вставлять и выполнять в консоли, следуя javascript:

var css = '*, body, button, input, textarea, select {text-rendering: initial;}',
    head = document.head || document.getElementsByTagName('head')[0],
    style = document.createElement('style');

style.type = 'text/css';
if (style.styleSheet){
  style.styleSheet.cssText = css;
} else {
  style.appendChild(document.createTextNode(css));
}

head.appendChild(style);

Надеюсь, что это будет исправлено в ближайшее время.