Auto Complete Label Not Working (Not getting displayed)

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

Sajith Rajappan pro asked 7 years ago

<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>

Sajith Rajappan pro commented 7 years ago

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

Add comment

Edyta Dabrowska answered 7 years ago

0 0 Best answer

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

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

Add comment

Edyta Dabrowska answered 7 years ago

0 0 Best answer

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.

Add comment

Write

Create snippet

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

About author

Sajith Rajappan

Pro User

10Support score
4Questions 1Answers

0Snippets likes 0Snippets