title: React Popper. How to move element relatively parent?
body: <p>I'm trying to move Popper that is inside parent component. How i can do it?</p>
  
  <p>I tried to use offset property in modifiers object.
  e.g.:</p>
  
  <pre><code>offset: {
    offset: 20,
  }
  </code></pre>
  
  <p>But offset only move Popper in one direction. If placement={'top' || 'bottom'} => it moves right and left, if placement={'right' || 'left'} => it moves top and bottom. </p>
  
  <pre><code>const Layer = ({
    children,
    align,
    inner = true,
    parent,
    portal,
  }) =&gt; (
    &lt;Manager&gt;
      &lt;Popper
        placement={align}
        modifiers={{
          inner: {
            enabled: inner,
          },
        }}
        referenceElement={parent}
      &gt;
        {({ ref, style, placement }) =&gt; (
          &lt;div
            ref={ref}
            data-placement={placement}
            style={style}
          &gt;
            {console.log(style)}
            {children}
          &lt;/div&gt;
        )}
      &lt;/Popper&gt;
    &lt;/Manager&gt;
  )
  </code></pre>