In high contrast modes, Color selection grid is not visible on invoking 'More color' control in Rich text editor.
Author: msftedadCreated Mar 12, 2025Updated Sep 17, 2026
Checklist
- I've looked at the documentation to make sure the behavior isn't documented and expected.
- I'm sure this is an issue with Summernote, not with my app or other dependencies (Angular, Cordova, React, etc.).
- I've searched through the current issues to make sure this hasn't been reported yet.
- My issue is pertinent to this repository of Summernote (jQuery), or I was unable to have my issue resolved from the relevant version I'm using, such as Angular, dJango, Rails or React. Please try your issue at the relevent repository first.
- I understand that issues without interaction for more than 14 days (2 weeks), may be closed at our discretion. We do this, as sometimes issues are abandoned. We may at our discretion, add issues to the relevant project to be looked at, or for maintainers to work through as time permits. This is to help keep issues relevant to the current version of Summernote, and to reduce clutter.
- I agree to follow the Code of Conduct that this project adheres to.
Steps to reproduce
- Open URL: Summernote - Super Simple WYSIWYG editor in edge browser.
- Summer note page will be displayed.
- Press tab key to navigate to Rich text editor present in the page.
- Move to 'more color' control using mouse and activate it using alt + down arrow key/mouse click.
- Observe the issue whether in high contrast modes, Color selection grid in background color and text color grid are visible in the popup or not.
Expected behavior
When using high contrast modes, the color selection grid should be visible upon invoking the 'More color' control in the Rich Text Editor. Ensure that: User should be able to access the controls in the rich text editor using keyboard.
Current behavior
When using high contrast modes, the color selection grid is not visible upon invoking the 'More color' control in the Rich Text Editor. color selection grid is appearing as blank section. Observation: Unable to access the controls in the rich text editor using keyboard.
https://github.com/user-attachments/assets/f9a8f8cc-1cd0-40e2-90ec-60a93bfc09f7
Minimal example reproducing the issue
Environment
- Summernote version: 0.9.0
- Browser (with version): Edge Version: 134.0.3124.51 (Official build) (64-bit)
- OS/Platform (with version): Window 11 24H2 26100.2605
Source: summernote/summernote