Required Information

Version(s) of Ext GWT
3.0.1 (on, 3.0.3 (our project)

Browser versions and OS

  • Win 7-64 pro, Firefox 17 and 18.

Virtual Machine

The "togglable" buttons in the HtmlEditor do not behave properly when selection changes.
For example the bold button can be active, even when unbolded text is selected. It can be inactive even when bolded text is expected.

Run mode

Steps to reproduce the problem

  1. Open
  2. In the rich text editor, enter "aaaa bbbb cccc"
  3. Select bbbb, click Bold, the bbbb text becomes bold and the button is highlighted.
  4. Select aaaa, the bold button stays highlighted.
  5. Click bold, the aaaa text becomes bold, the button isn't highlighted anymore.

Expected result
The state of the button should match the state of the selected text (highlighted only if all the selected text is bold).

Actual result
The state of the button only depends on whether it was clicked or not.

Test case
Sencha example.

Helpful Information
The same applies to Bold, Italic, Underline.

In a lesser extent to the font selector (maybe this is expected behavior, I'm not sure).

ExtJS doesn't seem to have the issue.

Live test