Topic: Select / Dropdown in .card-action

jguldemond pro asked 8 years ago

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.

Michal Szymanski staff answered 8 years ago

   .card {
            overflow: visible;

niradler free answered 8 years ago

still not working for me can u paste the new css here? :_)

jguldemond pro answered 8 years ago

I have solved it by changing the css of .card. I changed/added overflow to visible (overflow: visible;).

jguldemond pro answered 8 years ago

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

Michal Szymanski staff answered 8 years ago

Can you paste here your code?

Please insert min. 20 characters.


Hire our experts to build a dedicated project. We'll analyze your business requirements, for free.


Specification of the issue

  • ForumUser: Pro
  • Premium support: No
  • Technology: General Bootstrap questions
  • MDB Version: -
  • Device: -
  • Browser: -
  • OS: -
  • Provided sample code: No
  • Provided link: No