mdb-select label not working

Piotr Glejzer staff commented 6 years ago

Do you want this https://mdbootstrap.com/snippets/jquery/piotr-glejzer/684407 ?

peter.caitens@gmail.com pro commented 6 years ago

How can I get the label to be the same size, etc as the normal label for a material input text inside a md-form?

Piotr Glejzer staff commented 6 years ago

You have to change code CSS to do that.

Piotr Glejzer staff commented 6 years ago

https://mdbootstrap.com/snippets/jquery/piotr-glejzer/692528 check this? Is that what you want? We are gonna add this to our package.

root-nine pro premium priority commented 6 years ago

Hi Piotr,

there´s a problem with the solution in your snippet. The z-index: 0 for the main label causes that I cannot open the select when the mouse is directly over the label text "Test Label" (Cursor is switching from pointer to default)

Could you fix that please?

Thx

reza pro commented 6 years ago

HiTo resolve this problem, you need to add a z-index to the previous div class

There is also a problem that does not show the selected option under the following conditions

 <select class="mdb-select md-form colorful-select dropdown-primary" data-val="true" data-val-required="The RoleID field is required." id="RoleID" name="RoleID">
                <option value="0" disabled>Choose the role for the user ...</option>
                <option value="4" selected>User</option>
                <option value="3">Paralegal</option>
                <option value="2">Manager</option>
                <option value="1">Admin</option>
            </select>
            <label class="mdb-main-label" for="RoleID">Test Label</label>

rbsdotnet commented 6 years ago

To resolve this problem, you need to add a z-index to the previous div class :

$('.mdb-select').closest('[class*="col-"]').each(function (index, item) { $(item).style('z-index', 1, 'important'); });

peter.caitens@gmail.com pro commented 6 years ago

That doesn't fix it for me. I still have to click somewhere off the label to get the dropdown to show.

reza pro commented 6 years ago

I tested it and fixed the problem. Post this code after Init mdb-select

Marta Szymanska staff pro premium commented 5 years ago

Hi,

this is not an error, just if you want to work on the select and change its value, after initialization it is the element select.mdb-select.initialized in it you need to change the val and on it, you can get data. Check out this snippet: https://mdbootstrap.com/snippets/jquery/pjoter-2-0/1257267.

Best, Marta

Fuller pro premium commented 5 years ago

Your example isn't representative of what I am trying to do. I don't want to get the selected value. I want to set the selected value via jquery. It works just fine if the label is deleted. This is definitely a bug. A label tag shouldn't affect jquery's ability to interact with elements correctly.

Marta Szymanska staff pro premium commented 5 years ago

Hi,

OK, I apologize for the wrong understanding of the problem, we will look into this issue and try to fix this as soon as possible.

Best, Marta

Fuller pro premium commented 5 years ago

Thank you for looking into this. I appreciate it.