Announcement

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

    SmartGWT on Firefox - Bottom Border missing on Buttons

    This message is related to this issue #644: http://code.google.com/p/smartgwt/issues/detail?id=644

    I was the person who posted comment #30 on that page.

    I'm back with more updates. I've done a fair bit of investigation into this and I'm able to reproduce this issue with a fresh application that has absolutely no custom CSS, and just 2 widgets - a vertical layout containing an IButton. The application is based on the SmartGWT LGPL 3.1 latest nightly of 4/30/2012. However, my real application is running on SmartGWT LGPL 2.5 03/03/2012 nightly, and the behavior is same.

    The application is posted at http://testbuttonborder.appspot.com for you to check. The bottom border on the Test Button is missing on FF (see version information below).

    Now you may say that this application is working fine on your system, and you wouldn't be wrong. I tested this on 5 different computers. The issue was consistently reproducible on 2 out 5 system for both my real application and the test application.

    I tried it on 5 different computers (with different owners) that had no special font size or zoom settings. Some computers were individual owned and some corporate owned. They were running different OSes, and FF versions.

    Here are the results:

    1. Win 7 64-bit on HP Notebook, FF8.0 (Corporate machine) -> Issue Reproducible
    2. Win 7 64-bit on HP Desktop, FF12.0 (Corporate machine) -> No issue
    3. Win 8 (trial version) running on Macbook Pro under Bootcamp, FF12.0 (personal machine) -> Issue Reproducible
    4. Win 8 (trial version) running on HP desktop, FF12.0 (personal machine) -> No issue
    5. Win XP SP3 running on Macbook Pro under Bootcamp, FF11.0 (personal machine) -> No issue


    A few other observations:

    1. As reported above by the OP, on the 'table' that creates the images for the border, there's a font size setting of 1px. If I change that to 0, the problem goes away.

    Code:
    <table cellspacing="0" cellpadding="0" border="0" style="font-size:1px;">
    However, the same font size setting exists on other machines where it is working fine. So I don't think this is an issue.

    2. Removing the HTML5 doctype setting fixes the issue, as mentioned by the OP. But that's not an option. I need it for other reasons.

    I can package up my test application if you need a standalone case (there's really nothing in it). Let me know if you need any other information from me to get to the bottom of this issue.

    Thanks.

    #2
    We have made a change to address this issue. The fix should be present in nightly builds going forward (3.1d branch).

    Comment


      #3
      Hello Isomorphic,

      I installed the 5/2 nightly and it indeed resolved the bottom border issue on Firefox. Thank you for fixing this issue.

      However I see another related, though minor issue with vertical centering of text in Firefox. I'm going to report it in a separate thread.

      Thanks again.

      Comment

      Working...
      X