This repository was archived by the owner on Sep 5, 2024. It is now read-only.
This repository was archived by the owner on Sep 5, 2024. It is now read-only.
md-dialog hidden in 0.11.2 #5004
Description
Hello,
I upgraded my material libraries from 0.10.1 to 0.11.2 and the basic mdDialog seems to be hidden. Check screenshot below. I tried to modify the z-index of its container and itself, it didn't work.
I included below the js and html of the view.
_HTML Snippet:_
<md-content flex style="background-color: transparent;">
...
<div class="row row-items paperbg">
<form role="form" name="advwzus" class="col-md-12 aditemgrp">
<md-input-container flex md-no-float>
<input ng-model="user.phone" md-maxlength="20" type="text" placeholder="{{lblPhoneNumber}}">
</md-input-container>
<md-input-container flex md-no-float>
<input ng-model="user.email" md-maxlength="100" placeholder="{{lblEmail}}">
</md-input-container>
<md-input-container flex md-no-float>
<textarea ng-model="user.comments" columns="1" md-maxlength="300"
placeholder="{{lblComments}}"></textarea>
</md-input-container>
<md-button class="md-raised m-0 p-0 m-t-20 m-b-20" ng-disabled="!advwzus.$valid"
style="width: 100%;background-color: #d47051;color:#ffffff;"
ng-click="showAlert($event)">{{lblSubmit}}
</md-button>
</form>
</div>
...
</md-content>_JS Snippet:_
$scope.showAlert = function (ev) {
// Appending dialog to document.body to cover sidenav in docs app
// Modal dialogs should fully cover application
// to prevent interaction outside of dialog
$mdDialog.show(
$mdDialog.alert()
.parent(angular.element(document.body))
.title('Thank you !')
.clickOutsideToClose(true)
.content('We will be in touch within 24 hours.')
.ariaLabel('Alert Dialog Demo')
.ok('Sounds Good !')
.targetEvent(ev)
);
$scope.user = {};
};Thank you,
