Can't render sidebar inside my split pane windows properly

[yzhaopost]

I am using react and have a split pane window. Now I'd like to render the sidebar inside this pane window. I have sidebarStyle as following:

unfortunately it can not render properly as the height is always 0.

if I change the above position from "absolute" to "relative". It renders, but the sidebar fills the entire pane. The size is wrong.

Here is my wrapper for the pane window

If I render sidebar outside the pane window, it works.
Any suggestions are greatly appreciated.

[yzhaopost]

Let me make it clear. If I render Sidebar without my SBContainer, it works great.
As long as I render it inside my SBContainer, it can not calculate the height of Sidebar (height=0). Here is my render function and the SBContainer.


Any suggestions are greatly appreciated.