Material Select on Dialog (Modal) not show correctly (z-index)

[alvarogardev]

Hi, i have a modal with a material select but this not show correctly. ¿what happen?

Thanks

[developeranirudhprabhu]

@WebDoin Can you provide a codepen for this?

[AustP]

@developeranirudhprabhu This also happens with date picker inputs inside the modal. Here is some HTML that you can see this on:

<div id="add_action" class="modal bottom-sheet open" style="z-index: 1003; display: block; opacity: 1; bottom: 0px;">
    <div class="modal-content">
        <h4>Add Action</h4>
        <p>Please select an action.</p>
        <div class="input-field">
            <div class="select-wrapper"><span class="caret">▼</span><input type="text" class="select-dropdown" readonly="true" data-activates="select-options-9a35ecf4-a7b0-3832-f21c-9bd40ef064ba" value="(Select One)"><ul id="select-options-9a35ecf4-a7b0-3832-f21c-9bd40ef064ba" class="dropdown-content select-dropdown" style="width: 1872px; position: absolute; top: -305px; left: 0px; opacity: 1; display: none;"><li class=""><span>(Select One)</span></li><li class=""><span>Inquiry</span></li><li class=""><span>Contacted</span></li><li class=""><span>Tour</span></li><li class=""><span>Home Visit</span></li><li class=""><span>Facility Visit</span></li><li class=""><span>Other</span></li></ul><select id="id_add_action" class="initialized" name="add_action"><option value="">(Select One)</option><option value="1">Inquiry</option><option value="2">Contacted</option><option value="3">Tour</option><option value="4">Home Visit</option><option value="5">Facility Visit</option><option value="6">Other</option></select></div>
            <label for="id_add_action">Action</label>
        </div>
    </div>
    <div class="modal-footer">
        <a href="#!" class=" modal-action modal-close waves-effect waves-green btn-flat">Add</a>
    </div>
</div>

[Dogfalo]

search closed issues

[AustP]

@Dogfalo when there is no progress on issues, you tend to get duplicates. Linking similar issues can help the situation.

#3894