When the dataTable content exceeds the container boundaries, it causes layout issues that affect the styling of the ButtonGroup or Actions components. This results in misalignment or overlapping of UI elements, disrupting the overall appearance. The overflow issue occurs specifically when the Freeze Headers option is set to true
Afterwards, configure the dataTable and also add action configuration
Save your changes
From the dataTable, set Freeze Headers to true
Preview the form
Afterwards, exist the preview mode
Check if the dataTable is still within the main container region or it goes beyond it, if it does, then proceed to check the buttonGrouo and action column styling
Actual Behavior: When Freeze Headers is enabled, the overflow from the dataTable distorts the styling of the ButtonGroup or Actions, causing misalignment
Expected Behavior: The dataTable should remain contained within the region, and the Freeze Headers feature should not affect the styling of the ButtonGroup or Actions components.
When the dataTable content exceeds the container boundaries, it causes layout issues that affect the styling of the ButtonGroup or Actions components. This results in misalignment or overlapping of UI elements, disrupting the overall appearance. The overflow issue occurs specifically when the Freeze Headers option is set to true
Steps to reproduce the behavior from scratch:
Freeze Headers
to trueActual Behavior: When Freeze Headers is enabled, the overflow from the dataTable distorts the styling of the ButtonGroup or Actions, causing misalignment
Expected Behavior: The dataTable should remain contained within the region, and the Freeze Headers feature should not affect the styling of the ButtonGroup or Actions components.
Here's a link that is already affected: https://functional-adminportal-test.azurewebsites.net/shesha/forms-designer?id=eb5f4fa8-2cd1-45bd-a157-e070e7739eee
See attached video: https://jam.dev/c/2de25520-8039-4bb4-a6cc-36441bd79189