<md-select> select dropdown not closing When clicked anywhere on Screen ? Not User Friendly

[prasad47]

Hi,
Scenario Follows :-

Step 1 : Clicked on Md-select for selecting an Option.
Step 2: Instantly i decided No to Select Anything .
Step 3 : Clicked Some where on the Screen and Looking to Close Select Popup But Not Happening .

Screen Shot Attached from Documentation

.

Thanks,
Prasad

[chucre]

I think this is a duplicate issue with #3704

[prasad47]

@chucre

Codepen :-
http://codepen.io/anon/pen/XbYjNY
The Example worked for the First Time and Same Persists from Next Try . Is there Any Solution for this as a Quickr :-) ?

[rschmukler]

This is fixed on master. Suspect it was a duplicate of #3704

[Anujndls]

I am also facing this kind of issue, when I open md-select with-in $mdDialog its not closing on-click at dialog body

Please help me to find the solution..
Thanks,
Anuj

[kalidasweb]

same issue something wrong with the z-index

[Anujndls]

when I googled then got a solution and finally it works for me with $mdDialog.

$window.addEventListener('click',function(e){
 $mdSelect.hide();
})

Please inject $window and $mdSelect in your controller..
Thanks

[izthuca]

@Anujndls , my select box close immediately after clicking it.

[izthuca]

I solved this using this code:

$mdDialog.show({
            clickOutsideToClose: true,
            onRemoving : function () {
                $scope.beforeClose();
            },
            scope: $scope,
            preserveScope: true
});
$scope.beforeClose = function(){
      $mdSelect.hide();
}

[tonyfa]

this works fine for me, on the controller load event

vm.pressedonce = false;
document.body.onclick = function (e) {
if (vm.pressedonce)
$mdSelect.hide();
else
vm.pressedonce = true;
}

[keplertwofeek]

I think this two styles below could be a quick fix for this issue

.md-select-menu-container {
    z-index: 900;
}

md-backdrop.md-select-backdrop {
    z-index: 899;
}

[tonyfa]

Yep sure does thanks, had the first style not the second. Always prefer to get it working using css thank you