bootstrap-modal icon indicating copy to clipboard operation
bootstrap-modal copied to clipboard

dropdown-menu in modal-footer cannot popup correctly

Open madlee opened this issue 10 years ago • 3 comments

Before popup p1

Click the button and menu showed but we cannot see the whole menu p2

We have to scroll to view the menu p3

I tried in Bootstrap 3.2 and 3.3. The code was attached

<div id="responsive" class="modal fade" tabindex="-1" >
  <div class="modal-header">
    <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
    <h4 class="modal-title">Responsive</h4>
  </div>
  <div class="modal-body">
    <div class="row">
      <div class="col-md-6">
        <h4>Some Input</h4>
      <div>
    </div>
  </div>
  <div class="modal-footer">
    <button type="button" data-dismiss="modal" class="btn btn-default">Close</button>
    <div class="btn-group">
      <button type="button" class="btn btn-danger">Action</button>
      <button type="button" class="btn btn-danger dropdown-toggle" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
        <span class="caret"></span>
        <span class="sr-only">Toggle Dropdown</span>
      </button>
      <ul class="dropdown-menu">
        <li><a href="#">Action</a></li>
        <li><a href="#">Another action</a></li>
        <li><a href="#">Something else here</a></li>
        <li role="separator" class="divider"></li>
        <li><a href="#">Separated link</a></li>
      </ul>
    </div>
  </div>
</div>

madlee avatar Jun 23 '15 12:06 madlee

I have the same problem with a datepicker, how did you solved it ?

aricca avatar Sep 11 '15 20:09 aricca

try using class "pull-right" on the drop down.

ColonelBundy avatar Oct 17 '15 20:10 ColonelBundy

didnt work

aricca avatar Nov 08 '15 00:11 aricca