[X] I have checked the latest version if the bug exist there. See all available packages at npmJS.com
[X] I have followed the installation guide.
Package versions
@scania/tegel: 1.9.1
Browser
Chrome
Framework
Angular
Version
Angular 17
Reproduction steps
Create a component that is wider than your table
Place it in the "expand-row" slot in the tds-table-body-row-expandable component.
Expand the expandable row to display the wide component
Code example
No response
Screenshots
The table with wide content in the expanded area collapsed. The table fits in the modal.
After expanding, the wide content row also expands the entire table and all the columns no longer fit into view.
Expected behaviour
The expand-row should never increase the width of the table.
Instead, the expand row should fit into the container, so the contents can be responsively positioned (for example with display:flex). Any elements, that are wider than the available width inside the expand-row slot, should overflow instead of expanding the entire table.
Requirements before reporting
Package versions
@scania/tegel: 1.9.1
Browser
Chrome
Framework
Angular
Version
Angular 17
Reproduction steps
tds-table-body-row-expandablecomponent.Code example
No response
Screenshots
The table with wide content in the expanded area collapsed. The table fits in the modal.
After expanding, the wide content row also expands the entire table and all the columns no longer fit into view.
Expected behaviour
The expand-row should never increase the width of the table. Instead, the expand row should fit into the container, so the contents can be responsively positioned (for example with display:flex). Any elements, that are wider than the available width inside the
expand-rowslot, should overflow instead of expanding the entire table.Console errors
Add warning/error message
Contact information
jernej.strazisar@scania.com