nhn / tui.editor

🍞📝 Markdown WYSIWYG Editor. GFM Standard + Chart & UML Extensible.

Home Page:http://ui.toast.com/tui-editor

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

If Bold is selected, it will not appear in the toolbar.

seonjakim opened this issue · comments

commented

Describe the bug

the user doesn't know if Bold is selected while writing in the editor.

To Reproduce

Steps to reproduce the behavior:

  1. In WYSIWYG editor
  2. Click on Bold and start to write
  3. It doesn't show whether bold is selected unless the cursor is between bold letters.

Expected behavior

A bold button on the toolbar should indicate that it has been selected so that the user can distinguish it while writing in the editor.

Screenshots

bold issue

Desktop (please complete the following information):

  • OS: [Mac M1]
  • Browser [chrome]
  • Version [12.1]

Additional context

Add any other context about the problem here.

@seonjakim It is a known issue. I'll fix it later.

Any updates?

commented

@jwlee1108 Is there a link to the known issue? This is a pain point for our team and we would love to be able to track any progress.

I would like to add the following details that may be helpful.

Problem:

When the editor is in WYSWIG mode some of the buttons in the header do not show (change color to blue) when they are selected. This happens specifically when the cursor is at the end of line but not when the cursor is in the middle of the line. This behaviour is true for the following:

  • Bold
  • Italics
  • Text color (never gives any indication)
  • Strikethrough
  • Inline Code

Broken Behaviour: when the cursor is at the end of the line (please note that the button for bold is NOT highlighted):

Screenshot 2023-02-23 at 9 16 46 AM

Partially working behaviour: when the cursor is in the middle of the line (please note that the button for bold is highlighted):

Screenshot 2023-02-23 at 9 16 35 AM