Glitch editor caret moves to the right side of a character even if you click to the left of the center of that character

Glitch Feedback
15

Oh… The problem is just a single weird CSS rule:

.text-editor .CodeMirror-cursors, .text-editor .CodeMirror-line, .text-editor .CodeMirror-selected {
  transform: translateX(3px);
}

In this file: webpack:///styles/editor.styl

@hubgit @tomglynch If you get the “Custom JavaScript For Websites 2” chrome extension, you can add this code to fix it:

let customStyles = document.createElement("style")
customStyles.type = "text/css"
customStyles.innerText = `
.text-editor .CodeMirror-cursors, .text-editor .CodeMirror-line, .text-editor .CodeMirror-selected {
  transform: none !important;
}
`;
document.head.appendChild(customStyles);
1 Like