RTL support for 2.hybrid

.travis.yml

@@ -3,6 +3,7 @@ sudo: 'false'
 before_script:
   - npm install -g polymer-cli
   - polymer install --variants
+  - git checkout package-lock.json
   - >-
     npm run update-types && git diff --exit-code || (echo -e
     '\n\033[31mERROR:\033[0m Typings are stale. Please run "npm run

demo/index.html

@@ -20,7 +20,7 @@
   <script src="../../webcomponentsjs/webcomponents-lite.js"></script>
   <!-- Ensure Web Animations polyfill is loaded since neon-animation 2.0 doesn't import it -->
   <link rel="import" href="../../neon-animation/web-animations.html">
-  
+
   <link rel="import" href="../../iron-demo-helpers/demo-snippet.html">
   <link rel="import" href="../../iron-demo-helpers/demo-pages-shared-styles.html">
   <link rel="import" href="../../paper-item/paper-item.html">
@@ -35,7 +35,7 @@
         display: flex;
       };
     }
-    
+
     paper-tabs {
       width: 400px;
     }
@@ -76,6 +76,29 @@ <h4>This is a plain paper-dropdown-menu</h4>
       </template>
     </demo-snippet>
 
+    <h4>Supports RTL</h4>
+    <demo-snippet class="centered-demo">
+      <template>
+        <paper-dropdown-menu dir="rtl" label="Dinosaurs">
+          <paper-listbox slot="dropdown-content" class="dropdown-content">
+            <paper-item>allosaurus</paper-item>
+            <paper-item>brontosaurus</paper-item>
+            <paper-item>carcharodontosaurus</paper-item>
+            <paper-item>diplodocus</paper-item>
+          </paper-listbox>
+        </paper-dropdown-menu>
+
+        <paper-dropdown-menu-light dir="rtl" label="Dinosaurs lite">
+          <paper-listbox slot="dropdown-content" class="dropdown-content">
+            <paper-item>allosaurus</paper-item>
+            <paper-item>brontosaurus</paper-item>
+            <paper-item>carcharodontosaurus</paper-item>
+            <paper-item>diplodocus</paper-item>
+          </paper-listbox>
+        </paper-dropdown-menu-light>
+      </template>
+    </demo-snippet>
+
     <h4>You can pre-select a value using the <i>selected</i> attribute</h4>
     <demo-snippet class="centered-demo">
       <template>