in demo, use core-input so it's more compatible with core-range

googlearchive · Sep 3, 2014 · d8711a2 · d8711a2
1 parent 2add109
commit d8711a2
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 3 deletions.
diff --git a/bower.json b/bower.json
@@ -2,6 +2,7 @@
   "name": "core-range",
   "private": true,
   "dependencies": {
-    "polymer": "Polymer/polymer#master"
+    "polymer": "Polymer/polymer#master",
+    "core-input": "Polymer/core-input#master"
   }
 }
diff --git a/demo.html b/demo.html
@@ -15,6 +15,7 @@
     <script src="../platform/platform.js"></script>
 
     <link rel="import" href="core-range.html">
+    <link rel="import" href="../core-input/core-input.html">
 
     <style>
 
@@ -46,13 +47,17 @@
             -moz-box-sizing: border-box;
           }
 
+          core-input {
+            border: 1px solid #ccc;
+          }
+
         </style>
 
-        <core-range min="0" max="200" value="{{value}}" ratio="{{ratio}}"></core-range>
+        <core-range min="0" max="200" step="0.5" value="{{value}}" ratio="{{ratio}}"></core-range>
 
         <div class="progress" style="width: {{ratio}}%;">{{ratio}}%</div><br>
 
-        value (0 - 200): <input value="{{value}}">
+        value (0 - 200): <core-input value="{{value}}"></core-input>
 
       </template>