[ui5-list]: misalignment of selection component #11126
Comments
|
Hello, Per the design specs, checkbox and radio button controls should be top-aligned with the title when descriptions exist and centered otherwise. The current implementation follows these guidelines. While the visual appearance may seem unbalanced, it matches stated requirements. Closing this issue pending further clarification from the design team on exact positioning specifications. Best regards, |
github-project-automation
bot
moved this from In Progress
to Completed
in Maintenance - Topic P
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Bug Description
When I have
ui5-listwith selection component before / after (checkbox / radio button), the selection components are not aligned correctlyAffected Component
ui5-list
Expected Behaviour
No response
Isolated Example
https://sap.github.io/ui5-webcomponents/nightly/play/#eyJpbmRleC5odG1sIjp7Im5hbWUiOiJpbmRleC5odG1sIiwiY29udGVudCI6IjwhLS0gcGxheWdyb3VuZC1mb2xkIC0tPlxuPCFET0NUWVBFIGh0bWw-XG48aHRtbCBsYW5nPVwiZW5cIj5cblxuXG5cbjxoZWFkPlxuICAgIFxuICAgIDxzdHlsZT5cbiAgICAgICo6bm90KDpkZWZpbmVkKSB7XG4gICAgICAgIGRpc3BsYXk6IG5vbmU7XG4gICAgICB9XG5cbiAgICBodG1sIHtcbiAgICAgIGZvcmNlZC1jb2xvci1hZGp1c3Q6IG5vbmU7XG4gICAgfVxuICAgIDwvc3R5bGU-XG5cbiAgICBcbiAgICA8c3R5bGU-XG4gICAgICAqOm5vdCg6ZGVmaW5lZCkge1xuICAgICAgICBkaXNwbGF5OiBub25lO1xuICAgICAgfVxuXG4gICAgaHRtbCB7XG4gICAgICBmb3JjZWQtY29sb3ItYWRqdXN0OiBub25lO1xuICAgIH1cbiAgICA8L3N0eWxlPlxuXG4gICAgPG1ldGEgY2hhcnNldD1cIlVURi04XCI-XG4gICAgPG1ldGEgbmFtZT1cInZpZXdwb3J0XCIgY29udGVudD1cIndpZHRoPWRldmljZS13aWR0aCwgaW5pdGlhbC1zY2FsZT0xLjBcIj5cbiAgICA8dGl0bGU-U2FtcGxlPC90aXRsZT5cblxuICAgIDxzdHlsZT5cblx0XHRbdWk1LWF2YXRhcl0gaW1nIHtcblx0XHRcdG9iamVjdC1maXQ6IGNvbnRhaW47XG5cdFx0fVxuXHQ8L3N0eWxlPlxuPC9oZWFkPlxuXG48Ym9keSBzdHlsZT1cImJhY2tncm91bmQtY29sb3I6IHZhcigtLXNhcEJhY2tncm91bmRDb2xvcilcIj5cbiAgICA8IS0tIHBsYXlncm91bmQtZm9sZC1lbmQgLS0-XG5cbiAgICA8dWk1LWxpc3Qgc2VsZWN0aW9uLW1vZGU9XCJNdWx0aXBsZVwiPlxuICAgICAgICA8dWk1LWxpLWdyb3VwIGhlYWRlci10ZXh0PVwiRnJvbnQgRW5kIERldmVsb3BlcnNcIj5cbiAgICAgICAgICAgIDx1aTUtbGk-SmVubmlmZXJcbiAgICAgICAgICAgICAgICA8dWk1LWF2YXRhciBzbG90PVwiaW1hZ2VcIiBzaGFwZT1cIlNxdWFyZVwiPlxuICAgICAgICAgICAgICAgICAgICA8aW1nIHNyYz1cImh0dHBzOi8vc2FwLmdpdGh1Yi5pby91aTUtd2ViY29tcG9uZW50cy9uaWdodGx5L2ltYWdlcy9hdmF0YXJzL3dvbWFuX2F2YXRhcl8zLnBuZ1wiIGFsdD1cIldvbWFuIGltYWdlXCI-XG4gICAgICAgICAgICAgICAgPC91aTUtYXZhdGFyPlxuICAgICAgICAgICAgPC91aTUtbGk-XG4gICAgICAgICAgICA8dWk1LWxpIGRlc2NyaXB0aW9uPVwic29tZSBkZXNjcmlwdGlvblwiPkxvcmFcbiAgICAgICAgICAgICAgICA8dWk1LWF2YXRhciBzbG90PVwiaW1hZ2VcIiBzaGFwZT1cIlNxdWFyZVwiPlxuICAgICAgICAgICAgICAgICAgICA8aW1nIHNyYz1cImh0dHBzOi8vc2FwLmdpdGh1Yi5pby91aTUtd2ViY29tcG9uZW50cy9uaWdodGx5L2ltYWdlcy9hdmF0YXJzL3dvbWFuX2F2YXRhcl80LnBuZ1wiIGFsdD1cIldvbWFuIGltYWdlXCI-XG4gICAgICAgICAgICAgICAgPC91aTUtYXZhdGFyPlxuICAgICAgICAgICAgPC91aTUtbGk-XG4gICAgICAgIDwvdWk1LWxpLWdyb3VwPlxuICAgIDwvdWk1LWxpc3Q-XG4gIFxuICAgICA8dWk1LWxpc3Qgc2VsZWN0aW9uLW1vZGU9XCJTaW5nbGVTdGFydFwiPlxuICAgICAgICA8dWk1LWxpLWdyb3VwIGhlYWRlci10ZXh0PVwiRnJvbnQgRW5kIERldmVsb3BlcnNcIj5cbiAgICAgICAgICAgIDx1aTUtbGk-SmVubmlmZXJcbiAgICAgICAgICAgICAgICA8dWk1LWF2YXRhciBzbG90PVwiaW1hZ2VcIiBzaGFwZT1cIlNxdWFyZVwiPlxuICAgICAgICAgICAgICAgICAgICA8aW1nIHNyYz1cImh0dHBzOi8vc2FwLmdpdGh1Yi5pby91aTUtd2ViY29tcG9uZW50cy9uaWdodGx5L2ltYWdlcy9hdmF0YXJzL3dvbWFuX2F2YXRhcl8zLnBuZ1wiIGFsdD1cIldvbWFuIGltYWdlXCI-XG4gICAgICAgICAgICAgICAgPC91aTUtYXZhdGFyPlxuICAgICAgICAgICAgPC91aTUtbGk-XG4gICAgICAgICAgICA8dWk1LWxpIGRlc2NyaXB0aW9uPVwic29tZSBkZXNjcmlwdGlvblwiPkxvcmFcbiAgICAgICAgICAgICAgICA8dWk1LWF2YXRhciBzbG90PVwiaW1hZ2VcIiBzaGFwZT1cIlNxdWFyZVwiPlxuICAgICAgICAgICAgICAgICAgICA8aW1nIHNyYz1cImh0dHBzOi8vc2FwLmdpdGh1Yi5pby91aTUtd2ViY29tcG9uZW50cy9uaWdodGx5L2ltYWdlcy9hdmF0YXJzL3dvbWFuX2F2YXRhcl80LnBuZ1wiIGFsdD1cIldvbWFuIGltYWdlXCI-XG4gICAgICAgICAgICAgICAgPC91aTUtYXZhdGFyPlxuICAgICAgICAgICAgPC91aTUtbGk-XG4gICAgICAgIDwvdWk1LWxpLWdyb3VwPlxuICAgIDwvdWk1LWxpc3Q-XG4gIFxuICAgICA8dWk1LWxpc3Qgc2VsZWN0aW9uLW1vZGU9XCJTaW5nbGVFbmRcIj5cbiAgICAgICAgPHVpNS1saS1ncm91cCBoZWFkZXItdGV4dD1cIkZyb250IEVuZCBEZXZlbG9wZXJzXCI-XG4gICAgICAgICAgICA8dWk1LWxpPkplbm5pZmVyXG4gICAgICAgICAgICAgICAgPHVpNS1hdmF0YXIgc2xvdD1cImltYWdlXCIgc2hhcGU9XCJTcXVhcmVcIj5cbiAgICAgICAgICAgICAgICAgICAgPGltZyBzcmM9XCJodHRwczovL3NhcC5naXRodWIuaW8vdWk1LXdlYmNvbXBvbmVudHMvbmlnaHRseS9pbWFnZXMvYXZhdGFycy93b21hbl9hdmF0YXJfMy5wbmdcIiBhbHQ9XCJXb21hbiBpbWFnZVwiPlxuICAgICAgICAgICAgICAgIDwvdWk1LWF2YXRhcj5cbiAgICAgICAgICAgIDwvdWk1LWxpPlxuICAgICAgICAgICAgPHVpNS1saSBkZXNjcmlwdGlvbj1cInNvbWUgZGVzY3JpcHRpb25cIj5Mb3JhXG4gICAgICAgICAgICAgICAgPHVpNS1hdmF0YXIgc2xvdD1cImltYWdlXCIgc2hhcGU9XCJTcXVhcmVcIj5cbiAgICAgICAgICAgICAgICAgICAgPGltZyBzcmM9XCJodHRwczovL3NhcC5naXRodWIuaW8vdWk1LXdlYmNvbXBvbmVudHMvbmlnaHRseS9pbWFnZXMvYXZhdGFycy93b21hbl9hdmF0YXJfNC5wbmdcIiBhbHQ9XCJXb21hbiBpbWFnZVwiPlxuICAgICAgICAgICAgICAgIDwvdWk1LWF2YXRhcj5cbiAgICAgICAgICAgIDwvdWk1LWxpPlxuICAgICAgICA8L3VpNS1saS1ncm91cD5cbiAgICA8L3VpNS1saXN0PlxuICAgIDwhLS0gcGxheWdyb3VuZC1mb2xkIC0tPlxuICAgIDxzY3JpcHQgdHlwZT1cIm1vZHVsZVwiIHNyYz1cIm1haW4uanNcIj48L3NjcmlwdD5cbjwvYm9keT5cblxuPC9odG1sPlxuPCEtLSBwbGF5Z3JvdW5kLWZvbGQtZW5kIC0tPlxuIn0sIm1haW4uanMiOnsibmFtZSI6Im1haW4uanMiLCJjb250ZW50IjoiLyogcGxheWdyb3VuZC1oaWRlICovXG5pbXBvcnQgXCIuL3BsYXlncm91bmQtc3VwcG9ydC5qc1wiO1xuLyogcGxheWdyb3VuZC1oaWRlLWVuZCAqL1xuaW1wb3J0IFwiQHVpNS93ZWJjb21wb25lbnRzL2Rpc3QvTGlzdC5qc1wiO1xuaW1wb3J0IFwiQHVpNS93ZWJjb21wb25lbnRzL2Rpc3QvTGlzdEl0ZW1TdGFuZGFyZC5qc1wiO1xuaW1wb3J0IFwiQHVpNS93ZWJjb21wb25lbnRzL2Rpc3QvTGlzdEl0ZW1DdXN0b20uanNcIjtcbmltcG9ydCBcIkB1aTUvd2ViY29tcG9uZW50cy9kaXN0L0xpc3RJdGVtR3JvdXAuanNcIjtcbmltcG9ydCBcIkB1aTUvd2ViY29tcG9uZW50cy9kaXN0L0F2YXRhci5qc1wiO1xuaW1wb3J0IFwiQHVpNS93ZWJjb21wb25lbnRzLWljb25zL2Rpc3QvbmF2aWdhdGlvbi1yaWdodC1hcnJvdy5qc1wiO1xuIn19
Steps to Reproduce
...
Log Output, Stack Trace or Screenshots
No response
Priority
None
UI5 Web Components Version
nightly
Browser
Chrome
Operating System
No response
Additional Context
No response
Organization
No response
Declaration
The text was updated successfully, but these errors were encountered: