Top: 50px not working inside react component SplitPane

My Code
When i put top: 50px inside inline style component it does not work,

const SplitView = () => {
  return (
        style={{ top: "50px" }}
        pane1Style={{ backgroundColor: color }}
        pane2Style={{ backgroundColor: color2 }}
        <div />
        <div />

But when i change the value inside the dev tools it works properly see the image below.
Why it does not work inside inline styled components ?

Top only works with position: abosute | relative | fixed

try adding position: relative in the inline-style

It does not work that way. <SplitPane/> is position: absolute by default

Is the parent of <SplitPane /> relative?
position: absolute only works if the parent is in position: relative

The parent of <SplitPane /> is <Wrapper>, <Wrapper> must be in position: relative

No still it does not work !!! :smiley: :smiley:

I assume you just want to push it down so you can see the nav. If so give it a top margin, no need to mess with position if you don’t have to. Especially when the component is using positioning for the layout already.

style={{ marginTop: "56px" }}

Thank you again Mr. lasjorg you make everything easy. :sparkling_heart: :heartbeat: