Skip to content
This repository has been archived by the owner on Dec 19, 2024. It is now read-only.

Paper checkbox checked color adds extraneous parenthesis to checkboxContainer background and border colors #164

Open
hankish opened this issue Dec 4, 2016 · 4 comments

Comments

@hankish
Copy link

hankish commented Dec 4, 2016

Description

The --paper-checkbox-checked-color property is getting corrupted.

The markup:

  <paper-checkbox checked="{{item.selected}}" id="checkbox" class$="{{cardClass}}">
  </paper-checkbox>

The css:

  paper-checkbox {
    --paper-checkbox-size: 1.3em;
    --paper-checkbox-checked-color: #f57c00;
  }

After selecting the checkbox in the actual page, here is Chrome's inspected view of the CSS on the paper-checkbox #checkboxContainer #checkbox div:

  .paper-checkbox-1 #checkbox.checked.paper-checkbox {
      background-color: #f57c00);
      border-color: #f57c00);
  }

NOTE: The extra parenthesis on each line. That is getting added automatically somehow and it is then getting ignored by Chrome as invalid.

Any ideas?

@hankish hankish changed the title Paper checkbox checked color has an extra parenthesis added to it. Paper checkbox checked color adds extraneous parenthesis to checkboxContainer background and border colors Dec 4, 2016
@notwaldorf
Copy link
Contributor

/cc @bicknellr

@bicknellr
Copy link
Contributor

Wow, I completely missed this; are you still being affected by it? This looks like it was a problem with Polymer's CSS rewriting for shady DOM, but it doesn't seem to repro now. (Or maybe my example excludes too much?)

@hankish
Copy link
Author

hankish commented Jul 10, 2017

Yes we're still experiencing the issue, but to be honest, we're stuck on an outdated version of the component so at this point it's probably our fault. :)

You can probably just close this.

Thanks for following up though!

@bicknellr
Copy link
Contributor

What version of Polymer are you using? Also, if you have a reduced test case, I'd be up for digging a little further.

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
None yet
Projects
None yet
Development

No branches or pull requests

3 participants