Color Picker Popup Is Obscured On "Guides -> Theming -> Creating Dynamic Theme Colors" Documentation On Both v5 and v6
Author: SouwMarcelusCreated Sep 2, 2026Updated Sep 2, 2026
Labelsbug
Current behaviour
Color picker popup is not fully shown. I can't fill the color manually because the input is obscured. This happens for primary, secondary, and tertiary color pickers. I don't know if this happens on another platform, but I'm currently using Firefox 155.0 at the time of writing.
Expected behaviour
The color picker should be fully shown.
How to reproduce?
- Go to React Native Paper documentation site (v5 or v6).
- Navigate to Guides -> Theming -> Creating Dynamic Theme Colors.
- Scroll down to the custom theme builder / color picker section and click any color input.
Preview
Primary Color Picker
Secondary Color Picker
Tertiary Color Picker
What have you tried so far?
I was able to show the whole thing by changing the "div" element with "color-picker-popup" class, "position" style to "relative" instead of "absolute". But it also grows the parent "tr" element.
Modified Element
Your Environment
| software | version |
|---|---|
| ios | N/A |
| android | N/A |
| react-native | N/A |
| react-native-paper | v5 / v6 (docs site) |
| node | N/A |
| npm or yarn | N/A |
| expo sdk | N/A |
| Firefox | 155.0 |
Source: callstack/react-native-paper