[Bug Report] Wrong colors when using RGBA swatches in color picker
See original GitHub issueEnvironment
Vuetify Version: 2.0.11 Vue Version: 2.6.10 Browsers: Chrome 76.0.3809.100 OS: Mac OS 10.14.6
Steps to reproduce
Create a color picker with
show-swatches
propertyswatches
property with rgba values (as strings, e.g.rgba(1, 2, 3, 0.5)
) as elements
Expected Behavior
That the colors are parsed correctly (same color as shown in the swatch). Additionally, some more documentation on the expected format of the swatches would be helpful.
Actual Behavior
The colors are displayed correctly, but when clicking on the swatches the colors are parsed wrongly (result is always some sort of pink)
Reproduction Link
https://codepen.io/mauriceg84/pen/jONGXKr
Other comments
As an alternative, I tried feeding the swatches as parsed rgba objects ({ r: 1, g: 2, b: 3, a: 0.5}
), however, the colors are not even displayed in this way.
Issue Analytics
- State:
- Created 4 years ago
- Comments:6 (4 by maintainers)
Top Results From Across the Web
Eyedropper pick up the wrong color - Adobe Support Community
So are you using the eyedropper that appears after clicking on the Fill color chip? I've heard a few grumblings of washed-out color...
Read more >Color picker defective after last update ( 1.2.35 ) - Bug Reports
After the last update the color picker is buggy, the colors do not actively change as you move between shades, in fact, it...
Read more ><color> - CSS: Cascading Style Sheets - MDN Web Docs
RGB colors can be expressed through both hexadecimal (prefixed with # ) and functional ( rgb() , rgba() ) notations. Hexadecimal notation: #RGB[ ......
Read more >Topics tagged color-picker - Unreal Engine Forums
SColorPicker with NativeWidgetHost cannot be packaged with an error related to TSharedPtr. UI · CPP , UMG , packaging-projects , color-picker , question...
Read more >Colors HSL - W3Schools
HSL color values are specified with: hsl(hue, saturation, lightness) . Hue. Hue is a degree on the color wheel from 0 to 360....
Read more >Top Related Medium Post
No results found
Top Related StackOverflow Question
No results found
Troubleshoot Live Code
Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start FreeTop Related Reddit Thread
No results found
Top Related Hackernoon Post
No results found
Top Related Tweet
No results found
Top Related Dev.to Post
No results found
Top Related Hashnode Post
No results found
Top GitHub Comments
Sure. I was mostly responding to the
only accepts rgba hex
statement. @MajesticPotatoeIn the source it’s typed as
string[][]
, so elements of[r, g, b, a]
I guess?Edit: VColorPickerSwatches only appears to work with hex strings, so
['#36a2eb99', '#ff638499', '#4bc0c099']