Ticket #8943 (confirmed Bug)
FF: (HC mode) Text does not get highlighted when using Find & Replace dialog in High Contrast mode until the dialog is closed
| Reported by: | jamescun | Owned by: | |
|---|---|---|---|
| Priority: | Normal | Milestone: | |
| Component: | Accessibility | Version: | 3.0 |
| Keywords: | IBM | Cc: | damo, satya, tmonahan |
Description
Steps to reproduce the defect:
- Hold Alt, Left Shift & PrintScreen to enable high contrast mode.
- Open the Ajax sample in FF.
- Type some text into the editor.
- Click on the Find/Replace buttons in the toolbar to open the Find/Replace dialog.
- Type some of the text that you previously entered into the editor into the Find field in the dialog.
- Click the Find button.
Expected Result: The text that you are trying to find should become highlighted in the editor.
Actual Result: The text does not get highlighted. It only gets highlighted when you close the Find dialog.
Change History
comment:2 Changed 13 months ago by j.swiderski
- Status changed from new to confirmed
- Version changed from 3.6.3 to 3.0
Reproducible in IE and Firefox from CKEditor 3.0.
comment:3 Changed 3 weeks ago by mgifford
How do you do - Hold Alt, Left Shift & PrintScreen - on a Mac?
comment:4 Changed 3 weeks ago by j.swiderski
How do you do - Hold Alt, Left Shift & PrintScreen - on a Mac?
This TC is for windows not for MAC.
It is still reproducible in latest CKE 4.x.
comment:5 Changed 3 weeks ago by j.swiderski
@mgifford It is not a CKEditor shortcut, it is a Windows keyboard shortcut for enabling high contrast.
Note: See
TracTickets for help on using
tickets.

The styling used to highlight found items relies on background-color and color which do not display in high contrast mode. A simple fix for this is to add a border to the find_highlight styling that uses the same color as the background-color property. Therefore there will be no visible change to the styling in normal mode, but the border will appear in high contrast mode.
config.find_highlight = { element : 'span', styles : { 'background-color' : '#004', 'color' : '#fff', 'border' : '1px solid #004' } };