fix(tile): check if is--expanded is set when tile component is loaded (…

…carbon-design-system#791)
asudoh · May 23, 2018 · 323b0ce · 323b0ce
1 parent 4ed416c
commit 323b0ce
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/src/components/tile/_tile.scss b/src/components/tile/_tile.scss
@@ -133,7 +133,7 @@
     transition: $transition--base $carbon--standard-easing;
 
     .#{$prefix}--tile__chevron svg {
-      transform: rotate(-180deg) translateY(4px);
+      transform: rotate(-180deg);
     }
 
     .#{$prefix}--tile-content__below-the-fold {

diff --git a/src/components/tile/tile.js b/src/components/tile/tile.js
@@ -41,7 +41,12 @@ class Tile extends mixin(createComponent, initComponentBySearch) {
         this.atfHeight = aboveTheFold.getBoundingClientRect().height + tilePadding;
         this.element.style.maxHeight = `${this.atfHeight}px`;
       }
+
+      if (this.element.classList.contains(this.options.classExpandedTile)) {
+        this._setTileHeight();
+      }
     }
+
     this.element.addEventListener('click', evt => {
       const input = eventMatches(evt, this.options.selectorTileInput);
       if (!input) {