SAP
[Table]: Table is misaligned in latest 1.x version
Bug Description
After upgrading UI5WC to 1.24.11 and UI5WC4R to 1.29.11, the table is aligned centered instead of top.
Before upgrade -
After upgrade -
I did comparison between the DOM elements and their styles. I observed that height: 100% styles has been applied to ui5-table-root because of which I was seeing this issue. This change was added in this PR: https://github.com/SAP/ui5-webcomponents/pull/9768/files#diff-d338227a4cd8dc70f44df0ee56719f30ebb0020de18f7b8b83bedc90d0b0301d
If this is not an issue as per design, then please suggest any workaround.
Affected Component
No response
Expected Behaviour
Table should be aligned at the top instead of center.
Isolated Example
Example with ui5wc 1.23.3: https://stackblitz.com/edit/vitejs-vite-gpadav?file=package.json,src%2FApp.jsx Example with ui5wc 1.24.11: https://stackblitz.com/edit/vitejs-vite-kwe4f8?file=package.json,src%2FApp.jsx
As you can see in the above examples, the table is aligned at the top in 1.23.3 but in 1.24.11 it is aligned in the center.
Steps to Reproduce
...
Log Output, Stack Trace or Screenshots
No response
Priority
Medium
UI5 Web Components Version
1.24.11
Browser
Chrome
Operating System
No response
Additional Context
No response
Organization
No response
Declaration
- [X] I’m not disclosing any internal or sensitive information.
Hi @shubhamnazare ,
Can you please provide live example that demonstrates the issue?
Best Regards, Nikolay Hristov
Hi @NHristov-sap
Here is the live example that demonstrates the issue -
Example with ui5wc 1.23.3: https://stackblitz.com/edit/vitejs-vite-gpadav?file=package.json,src%2FApp.jsx Example with ui5wc 1.24.11: https://stackblitz.com/edit/vitejs-vite-kwe4f8?file=package.json,src%2FApp.jsx
As you can see in the above examples, the table is aligned at the top in 1.23.3 but in 1.24.11 it is aligned in the center.
Hello @SAP/ui5-webcomponents-topic-tbl,
the issue is reproducible, see the provided snippets above.
Best Regards, Nikolay Hristov
Hi @SAP/ui5-webcomponents-core,
this issue is regarding the V1 table. Could you please have a look here?
Best regards, Duc
Fixed in version 1.24 with: https://github.com/SAP/ui5-webcomponents/pull/10197 Fixed in version 2 with https://github.com/SAP/ui5-webcomponents/pull/10193
