Topic: Select / Dropdown in .card-action
Hi, I want a MDB select/dropdown in a Card. I use a .card-action where I want to display the dropdown/select. When I open the dropdown it does not expand the .card-action element and my list items disappear.
Add comment
I have solved it by changing the css of .card. I changed/added overflow to visible (overflow: visible;).
<!--Card-->
<div class="card hoverable">
<div class="card-content">
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.</p>
</div>
<div class="card-action">
<p>
<select id="items" name="items" required>
<option value="" selected="">Select an item</option>
<option value="item_1">Item 1</option>
<option value="item_2">Item 2</option>
<option value="item_3">Item 3</option>
<option value="item_4">Item 4</option>
</select>
</p>
</div>
</div>
<!--Card-->
FREE CONSULTATION
Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.
Status
Specification of the issue
- User: Pro
- Premium support: No
- Technology: General Bootstrap questions
- MDB Version: -
- Device: -
- Browser: -
- OS: -
- Provided sample code: No
- Provided link: No
Tags