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 |
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?
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