La posizione apparente del cursore jsfiddle non è la posizione effettiva in Chrome e IE. Funziona su Firefox

Question

Notando oggi che su lunghe code di codice o commenti, il cursore diventa progressivamente sempre più posizionato in modo errato finché la sua posizione apparente non può essere disattivata di più di 3 caratteri. (Sembra che l'editor pensi che funzioni con un font diverso)

Lo vedo in Chrome e IE. Tuttavia, Firefox sta funzionando bene. Qualcun altro sta vedendo questo?

Answer 1

Spero che lo risolvano. Disattiva rendering del testo: ottimizzazione della flessibilità; nell'elemento del corpo e dovresti essere buono per il momento.

In Chrome si fa in questo modo:

• Aprire il violino che si desidera modificare
• Aprire la cromo-console (F12)
• selezionare "elementi" scheda
• selezionare l'opzione " body "
• scorrere l'area" stili "(sul lato destro) fino a" normalize.css "
• infine deselezionare la casella accanto a" text-rendering: optimiz eleggibilità;"

Ora il cursore è fisso finché non si ricarica la pagina.

Answer 2

Grazie a user1803096 per la soluzione rapida. Ora perché è noioso ogni volta utilizzare la finestra di ispezione per rimuovere questa regola CSS specifica, preferisco copiare/incollare ed eseguire in console seguente 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); 

Spero che questo sarà risolto al più presto.