@aptre/flex-layout
    Preparing search index...

    Function OptimizedLayout

    • OptimizedLayout - A wrapper around FlexLayout that renders tab content outside of FlexLayout's DOM structure for better performance.

      Key benefits:

      1. Tab components are NOT re-rendered when Model changes
      2. Tab state (scroll position, form inputs, etc.) is preserved across layout mutations
      3. Only CSS properties change when layout changes - no React re-renders

      The component works by:

      1. Rendering FlexLayout with TabRef placeholders instead of actual tab content
      2. TabRef components listen to resize/visibility events from TabNodes
      3. A sibling TabContainer renders the actual tab content with absolute positioning
      4. During drag operations, TabContainer uses pointer-events: none to prevent interfering with FlexLayout's drag overlay

      Parameters

      Returns Element