Auto Complete Label Not Working (Not getting displayed)

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

Sajith Rajappan pro asked 6 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 6 years ago

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

Add comment

Edyta Dabrowska free answered 6 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

Edyta Dabrowska free answered 6 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 6 years ago

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

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

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

Sajith Rajappan

Pro User 10Support score
4Questions 1Answers 0Snippets