Text (editor) field at overpass-turbo.eu does not work correctly

sommerluk commented 6 years ago

Steps to reproduce:

Open Firefox
Go to overpass-turbo.eu

Copy and paste the following query:

[out:json][timeout:25];
node
[name~".*[𠮷𠮹].*"]
({{bbox}});
out;

Position the text cursor in line 3 between ] and .
Push the left-arrow key on your keyboard to move the text cursor between 𠮹 and ]
Push the backspace key on your keyboard.

Expected behaviour: the character 𠮹 is deleted.

Actual behaviour: a strange character appears at the place of the character 𠮹.

I guess this has something to do with an UTF-16 decoding gone wrong somewhere?

Note: In JOSM, when downloading data using an overpass-turbo query, the text editing works fine.

mmd-osm commented 6 years ago

Seems like an upstream issue in the CodeMirror syntax highlighting library. You can deactivate CodeMirror via Settings -> Editor -> Deactivate CodeMirror in the meantime.

tyrasd commented 6 years ago

CodeMirror

yes, but newer versions don't have this bug anymore. I tried upgrading, but it looks a bit complicated with our current setup (es6 modules + webpack). For example, I couldn't get the multiplexingMode addon to work in the newest version of CodeMirror included via webpack. :unamused:

pyrog commented 4 years ago

No issue under Safari, but I could reproduce it under Chrome.

With Firefox, the square appear broken when the source is pasted:

tyrasd / overpass-turbo

Text (editor) field at overpass-turbo.eu does not work correctly #374