Popup scroll behavior changed from Dojo to React – DataView footer no longer fixed

0
In the Dojo client, for our popup layouts, we typically used only the main placeholder without an additional container or scroll container.When resizing the popup, the scroll behavior appeared to be handled within the DataView:Only the DataView content area became scrollableThe DataView controls (e.g. footer/buttons) remained fixed and visibleAfter migrating to the React client, this behavior seems to have changed. With the same setup:The scroll behavior is no longer applied as beforeThe DataView no longer handles scrolling in the same wayAs a result, the footer/buttons are no longer consistently visibleHas anyone else encountered this change in scroll behavior when moving from Dojo to React?And if so:Did you implement a generic solution (e.g. layout structure, CSS, or container setup)?Preferably something that avoids having to refactor every popup individuallyAny insights or best practices would be greatly appreciated!
asked
1 answers
1

Hi Patrick


This is a well-known behavioral change. In your Popup_Layout:

  1. Add a Scroll Container (scroll direction: Vertical)
  2. Top region → place your Placeholder "Main" (scrollable content)
  3. Bottom region → place your Placeholder "Footer" (fixed buttons)
  4. Set popup height to a fixed value, not "Auto"


For quick fix you can go with CSS, But it is not the recommended approach


.mx-window .mx-dataview {

display: flex;

flex-direction: column;

overflow: hidden;

max-height: 100%;

}


.mx-window .mx-dataview .mx-dataview-content {

flex: 1 1 auto;

overflow-y: auto;

}


.mx-window .mx-dataview .mx-dataview-controls {

flex: 0 0 auto;

}
I hope this helps

answered