Skip to main content
Question

Parent component with nested components lose fixed position when changing nested component property

  • June 4, 2025
  • 1 reply
  • 38 views
Matt_Gregg

We have a modal wizard component with a header and footer and content section with a slot for scrolling content. The header and footer are nested components and absolutely positioned:

 

Yet, when the nested footer component property for number of buttons is changed to a different value (e.g., 4 buttons) than what the default is in the parent component (3 buttons), the fixed positioning of the header and footer are removed. This breaks the scrolling Is this a bug or could there be a problem in the construction? The 

 

Deborah1

1 reply

jowanhire
  • jowanhire
  • New Member
  • November 11, 2025

If your parent component is losing when a nested component changes, try keeping the parent’s styles separate. You can also lift the state up or use so updates in the child don’t affect the parent.

Terms & ConditionsCookie settingsAccessibility statement