Button Padding handled differently between Chrome and Edge

[adamh]

I'm using SmartGwt 6.1-p20171009, Chrome version Version 61.0.3163.100, and Microsoft Edge version 25.10586.672.0 I use the following to create a simple button.

Button button = new Button("Add Group");
button.setWidth(110);
button.setIcon("/resources/img/add.png");
button.addClickHandler(new ButtonClickHandler());

That produces this button in chrome:


with this computed style (for the button title) found in the chrome debugger:


but we get this in edge:

with this computed style for the same title element:

Notice that it has some additional padding styles.

Curiously though, when I use a different title, I get the desired results on both browsers.

Button button = new Button("Button Title");

This on chrome:

This on edge:


Is there a way in smartGWT to guarantee the same padding will be applied between browsers? Is this a bug?

[adamh]

Any updates on this issue?

[Isomorphic]

We're taking a look and will update here when we have more information.

[JayG]

Is there any Update?
Is this Bug fixed in later Versions?

We got the same Issue with the folowing Versions:
SmartGWT 6.1-p20170703
Microsoft Edge 41.16299.371.0
Microsoft EdgeHTML 16.16299

[Isomorphic]

Hi JayG
Sorry for the silence on this - it's a strange issue that we've been able to reproduce in some cases, but it seems to behave a little inconsistently in our testing.
We're still looking at what may be causing it and we'll follow up as soon as we have something concrete

Regards

[Isomorphic]

And - we have a fix.
Please try the next nightly build, dated May 11 or above

Regards
Isomorphic Software

[JayG]

Thank you for the Response!
That are good News!

We will test the next nightly build as soo as possible.

Kind Regards
Jay

[JayG]

Note: The Fix is working well.
Thank you!

[pavo123]

I had a similar problem.



Here is my test case:

isc.IButton.create({
icon: "icons/16/world.png",
width:100,
heigth:22,
iconSize:18,
title: "Eeload",
});


isc.IButton.create({
top: 40,
icon: "icons/16/world.png",
width:100,
heigth:22,
iconSize:18,
title: "Export",
});

isc.IButton.create({
top: 80,
icon: "icons/16/world.png",
width:100,
heigth:22,
iconSize:18,
title: "Reload",
});


isc.IButton.create({
top: 120,
icon: "icons/16/world.png",
width:100,
heigth:22,
iconSize:18,
title: "Rxport",
});

The problem was when the word starting with the letter 'R'. But the fix is also working for my case!

Kind Regards
Pavo