Button with Icon not displaying in ie11

[JWandrocke]

Using the UI5 Button with only a ICON show up correctly in all browsers except for ie11.

To reproduce
Add the button as below and view on ie11.

import { Button } from '@ui5/webcomponents-react/lib/Button'
import '@ui5/webcomponents/dist/icons/decline.js'
<Button
style={{ marginRight: '0.35rem' }}
disabled={false}
icon='sap-icon://decline'
design='Transparent'
tooltip='Close'
onClick={closeWindow}
/>

Context

• UI5 Web Components version v1.0.0-rc.4
• Browser ie11

[MapTo0]

Hello @JWandrocke,

We already fixed this issue with 20511c6

You can workaround until we release next version by adding a few lines of code to your CSS:

ui5-button ui5-icon.ui5-button-icon {
	height: 1rem;
	top: 0;
}

[JWandrocke]

Hi Martin

Thanks for the fast reply, I'll give your suggestion a try.

John Wandrocke
SAP Labs, Palo Alto