Sidebar to accept sticky content

[rawlmp]

Desired behaviour

We need the possibility to attach a sticky content (ouside header) in order to keep it fixed in the sidebar.

Maybe a slot (fixedContent) will be nice.

Current behaviour

All the content is in the same slot and scrollable when the content height exceeds the Sidebar height.

Suggested Solution

SBS-40450

CodeSandbox or Storybook URL

No response

Anything else we should know?

We have a Figma resource created by SD. I can't paste here any reference to it.

Confidentiality

• [X] I confirm there is no confidential or commercially sensitive information included.

[Parsium]

Hi @harpalsingh @ljemmo, we have checked the figma designs related to the above ticket, it seems like a lot of thought has been put into this to address some common issues. Is this something that has been officially approved by UX to introduce into DS?

[ljemmo]

@rawlmp Can you share the figma so that i can review?

[edleeks87]

It is already possible to pass in Box components which support the position interface and therefore can be made sticky. I'm not sure we should add a specific prop as a compositional approach will allow implementing teams to be flexible

https://codesandbox.io/s/sidebar-with-sticky-content-vupnzz

[Parsium]

Hi @rawlmp, does the codesandbox @edleeks87 had shared help your issue? :)

[rawlmp]

Ok. Let me investigate after updating carbon to the proper version... We are working with 110.1.1 yet and this was included in 110.2.0.

I'll get you in touch

[Parsium]

Hi @rawlmp, do you have any updates on this?

[edleeks87]

Hi @rawlmp did you get a chance to investigate this? I believe we have an issue with inputs and sticky content so if you're happy with it I'd like to close this issue in favour of https://github.com/Sage/carbon/issues/5572

[edleeks87]

Closing in favour of #5572, please re-open if needed