Bootstrap 4: Why popover inside scrollable dropdown doesn't show?

Question

I want this to work just like Bootstrap 3. When I have a dropdown with scrollbar on hover popover, and I think there is a problem with Bootstrap 4. I need overflow:hidden; t

Answer 1

There are some issues with popper.js, and how it positions dropdowns, popovers and tooltips. The solution is to set the data-boundary option on the popovers to window...

Demo on Codeply

$(document).ready(function() {
  $('[data-toggle="popover"]').popover({
  });
});

.dropdown-menu{
	height: 150px;
	overflow: hidden;
	overflow-y: auto
}

  
  
  
  
  
  



  
Dropdowns
  

    
      Dropdown button
    
    

      Link 1
      Link 2
      Link 3
      Link 4
      Link 5
      Link 6
      Link 7
      Link 8
      Link 9