Home > OS >  Not able to Expand the div inside a Popper in React.js
Not able to Expand the div inside a Popper in React.js

Time:11-07

I am trying to implement a feature via css but not able to do so. This is the issue

As you can see, when I click the "See link options" button, the content loads, but it spills out of the popper. What I'm attempting to accomplish here is that when I click on this button, the content should load and the popper should expand in height so that the content is filled but does not overflow.

overflow: auto <== This results in a scroller inside the container (Popper), which I don't want. I have also used min-height: 300px but that is also not working. Therefore I have uploaded the code on codesandbox.io This is the code Anyone who knows the solution, please implement it here and explain why it isn't working.

CodePudding user response:

You have a fixed height of 200px on the .Body element. Use min-height to allow the container to expand to display the options.

.Body{
    min-height: 200px; 
}
  • Related