Topic: Auto Complete Label Not Working (Not getting displayed)

Sajith Rajappan pro asked 5 years ago


<!--Panel--> <div class="card"> <divclass="card-header primary-color white-text"> Featured </div> <divclass="card-block"> <divclass="row"> <divclass="col-6"> <divclass="md-form"> <inputmdbActivetype="text"id="form1"class="form-control"> <labelfor="form1"class="">Example label</label> </div> </div> <divclass="col-6"> <divclass="md-form"> <ng2-completer [label]="'What is your favorite US state?'"name="autocomplete" [(ngModel)]="state" [datasource]="states" [minSearchLength]="0"></ng2-completer> </div> </div> </div> </div> </div> <!--/.Panel-->

Sajith Rajappan pro commented 5 years ago

Please see the screen shot : https://ibb.co/dowL75

Edyta Dabrowska free answered 5 years ago


Yes, the default z-index is -1. I don't know all your code. Try changing z-index higher, because maybe there is something more covering it. Let me know about the results or send me some more code.

Edyta Dabrowska free answered 5 years ago


It looks like something is covering it. Please try changing z-index like:

.card {
    .md-form {
        ng2-completer{
            label {
                z-index: 1;
            }
        }
    }
}

Sajith Rajappan pro commented 5 years ago

Default z-index: is -1 but it does not change after adding the above class in style.scss.


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