fix(select): reposition select on resize events

closes #1665
angular · Apr 5, 2015 · 0fe35cc · 0fe35cc
1 parent 1a81f0c
commit 0fe35cc
Show file tree

Hide file tree

Showing 2 changed files with 14 additions and 1 deletion.
diff --git a/src/components/backdrop/backdrop.scss b/src/components/backdrop/backdrop.scss
@@ -21,6 +21,7 @@ md-backdrop {
   right: 0;
 
   &.md-click-catcher {
+    top: 0px;
     position: fixed;
   }
 

diff --git a/src/components/select/select.js b/src/components/select/select.js
@@ -673,7 +673,7 @@ function SelectProvider($$interimElementProvider) {
     });
 
   /* @ngInject */
-  function selectDefaultOptions($mdSelect, $mdConstant, $$rAF, $mdUtil, $mdTheming, $timeout) {
+  function selectDefaultOptions($mdSelect, $mdConstant, $$rAF, $mdUtil, $mdTheming, $timeout, $window) {
     return {
       parent: 'body',
       onShow: onShow,
@@ -698,6 +698,14 @@ function SelectProvider($$interimElementProvider) {
         backdrop: opts.hasBackdrop && angular.element('<md-backdrop class="md-select-backdrop md-click-catcher">')
       });
 
+      opts.resizeFn = function() {
+        animateSelect(scope, element, opts);
+      };
+
+      angular.element($window).on('resize', opts.resizeFn);
+      angular.element($window).on('orientationchange', opts.resizeFn);
+
+
       configureAria();
 
       element.removeClass('md-leave');
@@ -853,6 +861,10 @@ function SelectProvider($$interimElementProvider) {
         delete opts.disableTarget;
       }
 
+      angular.element($window).off('resize', opts.resizefn);
+      angular.element($window).off('orientationchange', opts.resizefn);
+      opts.resizeFn = undefined;
+
       var mdSelect = opts.selectEl.controller('mdSelect');
       if (mdSelect) {
         mdSelect.setLabelText(opts.selectEl.controller('mdSelectMenu').selectedLabels());