[SplitButton]: sizes are not correct when icon is set without a content - Githubissues

SAP / ui5-webcomponents

UI5 Web Components - the enterprise-flavored sugar on top of native APIs! Build SAP Fiori user interfaces with the technology of your choice.

https://sap.github.io/ui5-webcomponents/

Apache License 2.0

1.5k stars 260 forks source link

[SplitButton]: sizes are not correct when icon is set without a content #6688

Closed MapTo0 closed 1 year ago

MapTo0 commented 1 year ago

Bug Description

Padding sizes are not correct when icon is set without a content of the ui5-split-button

Affected Component

ui5-split-button

Expected Behaviour

Paddings are correct as in UI5

Isolated Example

https://codesandbox.io/s/elegant-morse-vw0kmp?file=/index.html

Steps to Reproduce

Open the sandbox: https://codesandbox.io/s/elegant-morse-vw0kmp?file=/index.html

Log Output, Stack Trace or Screenshots

No response

Priority

Medium

UI5 Web Components Version

latest

Browser

Chrome, Edge, Firefox, Safari

Operating System

No response

Additional Context

No response

Declaration

[X] I’m not disclosing any internal or sensitive information.

plamenivanov91 commented 1 year ago

Hello @SAP/ui5-webcomponents-topic-b ,

If we use only icon (without text) in SplitButton, the icon is not centered according to its container as it's shown in the isolated sample.

Here is how the same scenario looks in OpenUI5: Screenshot 2023-03-10 153818

Could you please align the icon correctly?

Regards, Plamen Ivanov