Announcement

Collapse
No announcement yet.
X
  • Filter
  • Time
Clear All
new posts

    Button Padding handled differently between Chrome and Edge

    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.

    Code:
    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:
    Click image for larger version

Name:	add-group-chrome.png
Views:	130
Size:	2.4 KB
ID:	249743

    with this computed style (for the button title) found in the chrome debugger:
    Click image for larger version

Name:	style-chrome.png
Views:	122
Size:	3.5 KB
ID:	249745

    but we get this in edge:
    Click image for larger version

Name:	add-group-edge.png
Views:	118
Size:	1.4 KB
ID:	249744
    with this computed style for the same title element:
    Click image for larger version

Name:	style-edge.png
Views:	121
Size:	3.4 KB
ID:	249746
    Notice that it has some additional padding styles.

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

    Code:
    Button button = new Button("Button Title");
    This on chrome:
    Click image for larger version

Name:	button-title-chrome.png
Views:	121
Size:	2.3 KB
ID:	249747
    This on edge:
    Click image for larger version

Name:	button-title-edge.png
Views:	163
Size:	1.5 KB
ID:	249748

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

    #2
    Any updates on this issue?

    Comment


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

      Comment


        #4
        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
        Last edited by JayG; 10 May 2018, 23:33.

        Comment


          #5
          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

          Comment


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

            Regards
            Isomorphic Software

            Comment


              #7
              Thank you for the Response!
              That are good News!

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

              Kind Regards
              Jay

              Comment


                #8
                Note: The Fix is working well.
                Thank you!

                Comment


                  #9
                  I had a similar problem.

                  Click image for larger version

Name:	edge_bug.png
Views:	209
Size:	1.1 KB
ID:	253236

                  Here is my test case:

                  Code:
                  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
                  Attached Files

                  Comment

                  Working...
                  X