Topic: Ie Issue in mdb angular
Some Please help in ie it automatically add a class \\\"sidenav-bg mask-strong\\\" and i can not do anything on screen it works fine on chrome
this is the code for my Navbar
<header>
<mdb-sidenav #sidenav class="sn-bg-1 fixed" [fixed]="true">
<!-- Logo -->
<li class="mb-3">
<div class="logo-wrapper waves-light">
<a href="#">
class=" flex-center"
style="width: 240px; margin-left: 0px; padding: 0;">
</a>
</div>
</li>
<hr />
<br />
<li>
<ul class="collapsible collapsible-accordion">
<mdb-squeezebox [multiple]="false" aria-multiselectable="false">
<!--<mdb-item class="no-collase">
<mdb-item-head mdbRippleRadius ><span><i class="fa fa-hand-pointer-o" (click)="route.navigateByUrl(')"></i> Simple link</span></mdb-item-head>
<mdb-item-body></mdb-item-body>
</mdb-item>-->
<li class="nav-item mb-2" mdbRippleRadius>
<a class="nav-link" routerLink="/home" routerLinkActive="active">
<i class="fa fa-user"></i>
<span class="clearfix d-none d-sm-inline-block">Home</span>
</a>
</li>
<!-- Collapsible link -->
<mdb-item>
<mdb-item-head mdbRippleRadius>
<i class="fa fa-desktop" aria-hidden="true"></i> Devices
</mdb-item-head>
<mdb-item-body>
<ul>
<li><a routerLink="/Device" routerLinkActive="active"class="waves-effect" mdbRippleRadius>Device</a></li>
</ul>
</mdb-item-body>
</mdb-item>
<mdb-item>
<mdb-item-head mdbRippleRadius>
<i class="fa fa-money" aria-hidden="true"></i> Journal
</mdb-item-head>
<mdb-item-body>
<ul>
<li><a routerLink="/Journal" routerLinkActive="active" class="waves-effect" mdbRippleRadius>Journal</a></li>
</ul>
</mdb-item-body>
</mdb-item>
</mdb-squeezebox>
</ul>
</li>
<!--/. Side navigation links -->
</mdb-sidenav>
<mdb-navbar SideClass="navbar fixed-top navbar-expand-md scrolling-navbar double-nav" [containerInside]="false">
<!-- SideNav slide-out button -->
<div class="float-xs-left">
<a (click)="sidenav.show()" class="button-collapse"><i class="fa fa-bars"></i></a>
</div>
<!--/. SideNav slide-out button -->
<!-- Breadcrumb-->
<div class="breadcrumb-dn mr-auto">
<p>Command and Control Management Console</p>
</div>
<!--/. Breadcrumb-->
<ul class="nav navbar-nav nav-flex-icons ml-auto">
<li class="nav-item dropdown btn-group" dropdown>
<a dropdownToggle type="button" class="nav-link waves-light" mdbRippleRadius>
<i class="fa fa-bell-o fa-lg" aria-hidden="true"></i>
</a>
<div class="dropdown-menu dropdown-danger dropdown-menu-right" role="menu">
<a class="dropdown-item" *ngFor="let alert of alertList$ " href="#">{{alert.Message}}</a>
</div>
</li>
<li class="nav-item dropdown btn-group" dropdown>
<a type="button" (click)="Logout()" class="nav-link waves-light" mdbRippleRadius>
<i class="fa fa-user-o fa-lg" aria-hidden="true"></i>
</a>
</li>
</ul>
</mdb-navbar>
</header>
Dawid Adach pro commented 7 years ago
And could you please share your code showing body? Are there any classes applied?FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Answered
Specification of the issue
- ForumUser: Pro
- Premium support: No
- Technology: MDB Angular
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No
Tags
Dawid Adach pro commented 7 years ago
Dear Neeraj, could you please provide us with more details about the issue? Browser + version and steps to reproduce