search

blackbaud / skyux2

SKY UX 2 is the new version of Blackbaud’s user experience framework that implements Blackbaud design patterns. It extends the framework to abstract many complexities of modern web development and takes advantage of Angular 2 to increase the tooling, testing, and performance available.
https://developer.blackbaud.com/skyux
MIT License
32 stars 65 forks source link

Colorpicker input field visible on semi transparent colors #2183

Closed blackbaud-conorwright closed 5 years ago

blackbaud-conorwright commented 5 years ago

Expected behavior

I should not be able to see the colorpicker's input text field inside the button.

Actual behavior

When I make the color transparent (and the color isn't white), I can see the text inside the button.

Steps to reproduce

  1. Go to the colorpicker demo: https://developer.blackbaud.com/skyux/components/colorpicker
  2. Input this hex color: #002dff
  3. Set the transparency range to about half
  4. Submit the color
  5. See the text inside the colored button

Plunker

You can just use the demo: https://developer.blackbaud.com/skyux/components/colorpicker

Severity

Low

Impact

Low

Blackbaud-AlexKingman commented 5 years ago

Issue moved to blackbaud/skyux-colorpicker #11 via ZenHub