Slider bar renders at inconsistent heights

[mjenkins-inscopix]

Description

After setting --paper-slider-height: 2px; the element sometimes renders as 2px tall, and other times as 3px tall. It is reproducible with different pixel values.

Expected outcome

All the sliders would be the same height.

Actual outcome

They are not the same height.

Steps to reproduce

1. Put multiple paper-slider elements in the page.
2. Set --paper-slider-height: 2px;
3. Observe the actual heights of the sliders.

Browsers Affected

• [X] Chrome

[keanulee]

Hi @mjenkins-inscopix

The default height is already 2px. Are you seeing this on the demo page (https://elements.polymer-project.org/bower_components/paper-slider/demo/)? Can you be more specific on what platform (OS? Retina/Hi-DPI display?)?

[mjenkins-inscopix]

Hi @keanulee!

The 2px was just an example number - I can reproduce this problem in my browser at varying pixel heights. I'm using a Windows 7 computer at 1920x1080, normal pixel density screens. I am also seeing it on the demo page. I've attached a screenshot.

[keanulee]

I can't seem to replicate this on Chrome in my Win 10 VM. I don't think that this is anything paper-slider-specific since we are just creating a 2px high div. It be interesting if you can reproduce this behavior with just normal elements.