diff options
Diffstat (limited to 'catapult/third_party/polymer/components/iron-dropdown/test/x-scrollable-element.html')
-rw-r--r-- | catapult/third_party/polymer/components/iron-dropdown/test/x-scrollable-element.html | 53 |
1 files changed, 53 insertions, 0 deletions
diff --git a/catapult/third_party/polymer/components/iron-dropdown/test/x-scrollable-element.html b/catapult/third_party/polymer/components/iron-dropdown/test/x-scrollable-element.html new file mode 100644 index 00000000..3bdb3cf9 --- /dev/null +++ b/catapult/third_party/polymer/components/iron-dropdown/test/x-scrollable-element.html @@ -0,0 +1,53 @@ +<!-- +@license +Copyright (c) 2015 The Polymer Project Authors. All rights reserved. +This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt +The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt +The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt +Code distributed by Google as part of the polymer project is also +subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt +--> + +<link rel="import" href="../../polymer/polymer.html"> + +<dom-module id="x-scrollable-element"> + <template> + <style> + :host { + display: block; + height: 100px; + border: 1px solid red; + overflow: auto; + } + #ChildOne, #ChildTwo { + height: 200px; + border: 1px solid blue; + overflow: auto; + } + #GrandchildOne, #GrandchildTwo { + height: 300px; + border: 1px solid green; + overflow: auto; + } + .scrollContent { + height: 400px; + background-color: yellow; + } + </style> + <div id="ChildOne"> + <div id="GrandchildOne"> + <div class="scrollContent"></div> + </div> + </div> + <div id="ChildTwo"> + <div id="GrandchildTwo"> + <div class="scrollContent"></div> + </div> + </div> + </template> + <script> + Polymer({ + is: 'x-scrollable-element' + }); + </script> +</dom-module> |