Topic: Ie Issue in mdb angular

Neeraj Dana pro asked 5 years ago


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

Dawid Adach pro commented 5 years ago

Dear Neeraj, could you please provide us with more details about the issue? Browser + version and steps to reproduce

Neeraj Dana pro answered 5 years ago


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 5 years ago

And could you please share your code showing body? Are there any classes applied?


Please insert min. 20 characters.

FREE CONSULTATION

Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.

Status

Answered

Specification of the issue

  • User: Pro
  • Premium support: No
  • Technology: MDB Angular
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No
Tags