createElement <br> bug in WYSIWYG mode. Adding GIF

vEduardovich commented 4 years ago

Describe the bug

설명이 미묘하고 어려워 한글로 남깁니다.

증상

우분투(ver 20.04 LTS) 환경 ezgif-6-b1c81aae5eef

에디터에 첫 글자를 한글들로 입력 한 후, 엔터를 치면 줄 바꿈이 일어나지 않고 글자 앞에 div > br 태그가 자동으로 생겨나며 스샷과 같이 빈줄이 아래에 생기는게 아니라 반대로 위에 생겨납니다.

파이어폭스에서는 아무 문제 없습니다. 크롬, 크로미움, 웨일에서 발생합니다.

안드로이드 환경(갤럭시 노트10 최신 os) 첫 글자들을 입력한 후 엔터를 치면 아무 반응이 없습니다. 한번 더 엔터를 치면 그때서야 줄바꿈이 일어납니다.

우분투와 마찬가지로 파이어폭스에서는 아무 문제없습니다. 삼성브라우저, 크롬 브라우저에서 똑같은 현상이 발생합니다.

발생 환경

토스트 에디터 v2.2.0의 위지위그 모드에서 발생을 확인했습니다. 마크다운모드는 문제없습니다. 여기서 ( https://nhn.github.io/tui.editor/latest/tutorial-example01-editor-basic ) 기존 글들을 모두 지우고 위지위그 모드에서 한글로 첫 글자들을 입력하면 바로 버그를 확인할수 있습니다. 만약 재현이 안될경우 Markdown을 클릭했다가 다시 WYSIWYG 모드로 바꾸면 100% 재현됩니다.
단, 윈도우10에서는 발생하지 않습니다. 이게 가장 이해가 가지 않네요. 윈도우에서는 엣지, 파이어폭스, 크롬, 웨일 모두 문제가 발생하지 않습니다. 같은 크롬 버전인데(83.0.4103.106(공식 빌드) (64비트)) 윈도우에서는 문제가 없고 우분투에서만 문제가 발생합니다.
제가 개발중인 사이트입니다. 여기서도 확인하실 수 있습니다. https://virlit.com/forum/freeChat/write

정리 꼭 좀 해결 부탁합니다.

seonim-ryu commented 4 years ago

@vBlueFlag Thanks for explaining in detail first. (But if possible, I'd appreciate it if you add additional translations. Other foreign users can check this too)

Currently, the Editor's WYSIWYG mode uses Squire as a dependency. I think this is a problem with Squire. So, if possible, can you check if the demo page below runs fine in your development environment?

https://neilj.github.io/Squire/

I don't have an Ubuntu environment, so it's hard to test. If the same problem occurs on the demo page, I think it will be difficult to fix it right away. The editor is planning a major version of 3.0, and I think it might be fixed at that time. 😓

Anyway, I want you to check the demo page above and let me know!

vEduardovich commented 4 years ago

Thanks reply. I've checked what you recommended the Editor 'Squire'.

It has also a bug, but not the same. It is like a bug in Android that I've mentioned in advance.

안드로이드 환경(갤럭시 노트10 최신 os) 첫 글자들을 입력한 후 엔터를 치면 아무 반응이 없습니다. 한번 더 엔터를 치면 그때서야 줄바꿈이 일어납니다.

우분투와 마찬가지로 파이어폭스에서는 아무 문제없습니다. 삼성브라우저, 크롬 브라우저에서 똑같은 현상이 발생합니다.

I have to press 'Enter Key' twice to get to the next line.