fix sticky header/footer resizing

minor style update for collapsed layout
B-3PO · Jul 15, 2016 · 7e3642e · 7e3642e
1 parent 98892d5
commit 7e3642e
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 5 deletions.
diff --git a/src/expansionPanels.scss b/src/expansionPanels.scss
@@ -153,6 +153,7 @@ md-expansion-panel-header {
     padding: 0 24px;
     box-sizing: border-box;
     border-bottom: 1px solid;
+    align-items: center;
   }
 
   &.md-stick {

diff --git a/src/js/expansionPanel.directive.js b/src/js/expansionPanel.directive.js
@@ -285,7 +285,8 @@ function expansionPanelDirective() {
       // listen to window scroll events
       angular.element($window)
         .on('scroll', debouncedUpdateScroll)
-        .on('resize', debouncedUpdateScroll);
+        .on('resize', debouncedUpdateScroll)
+        .on('resize', debouncedUpdateResize);
     }
 
 
@@ -310,7 +311,8 @@ function expansionPanelDirective() {
 
       angular.element($window)
         .off('scroll', debouncedUpdateScroll)
-        .off('resize', debouncedUpdateScroll);
+        .off('resize', debouncedUpdateScroll)
+        .off('resize', debouncedUpdateResize);
     }
 
 
@@ -349,7 +351,8 @@ function expansionPanelDirective() {
     }
 
 
-    function updateResize(value) {
+    function updateResize() {
+      var value = $element[0].offsetWidth;
       if (footerCtrl && footerCtrl.noSticky === false) { footerCtrl.onResize(value); }
       if (headerCtrl && headerCtrl.noSticky === false) { headerCtrl.onResize(value); }
     }

diff --git a/src/js/expansionPanelHeader.directive.js b/src/js/expansionPanelHeader.directive.js
@@ -64,7 +64,7 @@ function expansionPanelHeaderDirective() {
         if (panelbottom < 0) {
           offset += panelbottom;
         }
-        
+
         // set container width because element becomes postion fixed
         container.css('width', element[0].offsetWidth + 'px');
         container.css('top', offset + 'px');
@@ -82,7 +82,7 @@ function expansionPanelHeaderDirective() {
 
     function onResize(width) {
       if (isStuck === false) { return; }
-      element.css('width', width + 'px');
+      container.css('width', width + 'px');
     }