Ripple is misplaced on first render when using ShadyDOM

[jaichandra]

Description

paper-checkbox ripple appears on top left on first click, when using ShadyDOM

Expected outcome

Ripple should be centered as normal.

Actual outcome

Appears on top left

Live Demo

http://plnkr.co/edit/SPvs7C8Blng0nRKbh4MW?p=preview

Steps to reproduce

1. Open the link above
2. Click on the checkbox

Browsers Affected

• [x] Chrome
• [x] Firefox
• [x] Safari 9
• [ ] Safari 8
• [ ] Safari 7
• [ ] Edge
• [ ] IE 11
• [ ] IE 10