बूटस्ट्रैप: एक मोडल संवाद में, मैं ड्रॉपडाउन मेनू को संवाद के बाहर कैसे विस्तारित करूं?

Question

उदाहरण कोड:

http://jsfiddle.net/vpg5g/

मैं मेनू बटन से नीचे चला जाता है मोडल की सीमाओं से अधिक का विस्तार करना चाहते हैं। जैसा कि आप देखते हैं, वर्तमान स्थिति अनुपयोगी है। क्या इसे हासिल करने का कोई तरीका है?

Answer 1

मोडल किसी भी उमड़ती है, तो आप का उपयोग करके इसे ठीक कर सकते हैं अनुमति नहीं देता:

.modal { overflow: visible; } 
.modal-body { overflow-y: visible; } 

Working demo

आप केवल क्रियार्थ द्योतक है कि वास्तव में इसकी जरूरत को उन नियमों को लागू करने के एक वर्ग को जोड़ने के लिए चाहते हो सकता है, अगर यह फिक्स बग बनाता है।

Answer 2

आप अतिप्रवाह नहीं निकाल सकते हैं: ऑटो आप क्यों नहीं बस मॉडल संवाद बड़ा इस

$('.drop-down-inside-modal').on('click' , '.dropdown-toggle', function(event){ 
     var self = $(this); 
     var selfHeight = $(this).parent().height(); 
     var selfWidth = $(this).parent().width(); 
     var selfOffset = $(self).offset(); 
     var selfOffsetRigth = $(document).width() - selfOffset.left - selfWidth; 
     var dropDown = self.parent().find('ul'); 
     $(dropDown).css({position:'fixed', top: selfOffset.top + selfHeight , left: 'auto', right: selfOffsetRigth , width: '160px'}); 
    }); 

    function fixDropdownPosition(){ 
     var openDropdownButton = $('.drop-down-inside-modal.open'); 
     if($(openDropdownButton).length){ 
      var selfHeight = $(openDropdownButton).height(); 
      var selfWidth = $(openDropdownButton).width(); 
      var openDropdownButtonOffset = $(openDropdownButton).offset(); 
      var openDropdownButtonOffsetRigth = $(document).width() - openDropdownButtonOffset.left - selfWidth; 
      var openDropdown = $(openDropdownButton).find('ul'); 
      $(openDropdown).css({position:'fixed', top: openDropdownButtonOffset.top + selfHeight , left: 'auto' , right: openDropdownButtonOffsetRigth, width: '160px'}); 
     }; 
    }; 

    $(".modal-body").unbind("scroll"); 
    $(".modal-body").scroll(function(){ 
     fixDropdownPosition(); 
    }); 

    $(window).resize(function() { 
     fixDropdownPosition(); 
    });