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

Editable mode number only displaying 2 digits #200

Open
1 task done
goatandsheep opened this issue Jul 17, 2017 · 4 comments
Open
1 task done

Editable mode number only displaying 2 digits #200

goatandsheep opened this issue Jul 17, 2017 · 4 comments

Comments

@goatandsheep
Copy link

Description

When maximum is greater than 100 and immediateValue is above 100, the paper-input in editable mode only displays 2 numbers.

Expected outcome

paper-input displays as many digits as in max

Actual outcome

paper-input displays 2 digits always

Live Demo

Steps to reproduce

  1. `<paper-slider min="20" max = "230" editable="true>
  2. move slider to 120

Browsers Affected

  • Chrome
@GoceRibeski
Copy link

GoceRibeski commented Jan 25, 2018

Same issue when the step = 0.1, as:
<paper-slider class="red" min="0.8" max="1.2" step="0.1" editable>

@goatandsheep
Copy link
Author

@GoceRibeski Unfortunately, I believe these elements are dead and will be deprecated by future elements, since Polymer 3 is (hopefully) on the cusp of a proper release. I still do have high hopes this bug will at least be fixed in the update

@keanulee
Copy link
Contributor

You may be able to use --paper-slider-input in change the font-size or width of the embedded input.

@nextjstuts
Copy link

/* paper-input */ .slider-input { width: 50px;
just change the width to 70px
It's been a year and the developer has not fixed this in the demo for this component so it's never going to be fixed.

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

4 participants