Offset prop in Sticky component does not work with oneThird Layout.Section

[lazirpascual]

Summary

When a Sticky Component is rendered within a Layout.Section with a variant of oneThird, the offset prop of the Sticky component does not work, and no vertical spacing is added.

Expected behavior

The Sticky component renders vertical spacing from the top of the scrollable container when offset prop is true.

Actual behavior

The Sticky component does not render vertical spacing from the top of the scrollable container regardless of whether the offset prop is true.

Sticky and Layout Offset Bug

Screen.Recording.2024-06-11.at.3.33.56.PM.mov

Steps to reproduce

Link to sandbox

1. Create a page that contains two Layout.Section, one of them with a variant of "oneThird". There should be a Sticky component with an offset prop inside this section. The other Layout.Section should be long enough to scroll and observe the sticky section.
2. Scroll down the page.
3. Observe that there is no vertical spacing from the top of the scrollable container.

Are you using React components?

None

Polaris version number

No response

Browser

No response

Device

No response