1. MDB Home Page
  2. Support Main Page
  3. General Bootstrap questions
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 7 years ago 

   .card {
            overflow: visible;
        }

niradler free answered 7 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?
Write
Create snippet
Please insert min. 20 characters.

FREE CONSULTATION

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

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
Tags
About author
jguldemond
Pro User 10Support score
1Questions 2Answers 0Snippets