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

17

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

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

    
задан FeralReason 22.11.2014 в 22:21
источник
  • Я могу подтвердить это поведение. Используя последнюю версию хром (в настоящее время 39.0.2171.65) –  jp-jee 24.11.2014 в 00:21
  • yep, то же самое для меня ... Я сейчас использую намного больше Plunker. –  AlexCode 24.11.2014 в 08:49

2 ответа

13

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

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

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

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

    
ответ дан user1803096 24.11.2014 в 05:23
  • Если вы используете Styish, то вы можете использовать этот стиль: userstyles.org/styles/107637/jsfiddle-caret-fix-for-chrome –  Mottie 29.11.2014 в 00:07
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);

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

    
ответ дан A. Wolff 25.11.2014 в 15:42
  • Фантастическое спасибо, это убило меня в течение нескольких недель - скрипт tampermonkey запущен и работает! –  Rhumborl 27.11.2014 в 13:11