SmartGWT 3.1 broken in Firefox 18

[ciccioware]

SmartGwt apps have display issues in Firefox 18.

See the showcase:

http://www.smartclient.com/smartgwt/showcase/

[hin3x]

Hi,

We are also seeing this in our app. Thanks for looking into this!

[Isomorphic]

Just a note to say we are aware of some display problems introduced with Firefox 18 and are working on it.

If you're seeing specific issues which are effecting your app, please let us know exactly what problem(s) you're hitting, how to reproduce (either in a public sample or in a test case we can run on our end), and be sure to test with the latest nightly build (and let us know exactly what SmartClient / SmartGWT version you tested with).

Regards
Isomorphic Software Support

[Isomorphic]

We have made a change which we believe will address the rendering problems we've experienced in Firefox 18. Please try the next nightly build on the SmartGWT 3.0p, 3.1p or 4.0d branch, or SmartClient 8.2p, 8.3p or 9.0d branch, dated January 11 2013 or greater.

If you continue to experience problems with this browser, please provide us with specific descriptions of the problem(s) you're seeing and steps to reproduce.

Thanks and Regards
Isomorphic Software

[dhalupa]

Will this be fixed for 2.5p builds also?

[dhalupa]

Not sure whether showcase is using the latest build, but you can see problematic behavior we are experiencing in our application, even with latest 3.1 build, by opening

http://www.smartclient.com/smartgwt/showcase/#toolstrip
http://www.smartclient.com/smartgwt/showcase/#ribbonbar

Layout of toolstrip and ribbon bar widgets is not correct. On mouse roll over, it seems like layout is recalculated.

[Isomorphic]

The online showcase does not reflect up-to-the-minute fixes and changes. Please download one of the nightly builds we mentioned above and try the showcase locally.

[vostapenko]

With the latest 3.1p nightly build there's a problem with Toolstrips height in FF18.

Same as in the example: http://www.smartclient.com/smartgwt/showcase/#toolstrip

setHeight() doesn't help.

[vostapenko]

Clear cache on loading the example, On the second loading the problem disappers.

And take a look at menus also.

[dhalupa]

As suggested, I have downloaded latest 3.1p build and locally installed showcase app and I can confirm that problem with these two examples still exists

http://www.smartclient.com/smartgwt/showcase/#toolstrip
http://www.smartclient.com/smartgwt/showcase/#ribbonbar

[hin3x]

We also still have this after installing the 3.1d build of the 11th. Maybe this helps in tracking down the issues.

In the showcase ribbon bar example mentioned above:
1) Go to the page and do hard refresh (CTR F5)
=> You will see that the issue is visible

2) Now do a regular refresh (F5)
=> You will see that the issue is 'gone'

3) Do hard refresh again
=> Issue is back

Also, when the issue is occurring, go over the badly formatted things with the mouse and it becomes a little better.

Hope this helps.

[ciccioware]

I rebuilded my app with SmartGwt 3.1p nightly build of 11 January 2013 but I still have display issues (like those of the showcase).

For example, ToolStrip component is displayed initially with a wrong height (it's more taller) and, after passing mouse on, the component is reformatted and looks a little better.

Same display issue, for example, with the title of a tab in a TabSet component.

[Isomorphic]

Thanks for the follow up. We are making a change which should address these issues.
Please try the next nightly build (dated Jan 12).

This fix will be applied to the following branches

SmartGWT: 2.5p, 3.0p, 3.1p, 4.1d
SmartClient: 8.1p, 8.2p, 8.3p, 9.0d

Regards
Isomorphic Software

[andyx1975]

I used 3.1d from nightly build 12... an the floating of the toolbar seems to be gone... no resizing anymore... but therefore all buttons of a toolbar are moved to the same spot or in some cases... the buttons a re not there.

[andyx1975]

example code

 ToolStrip toolStrip = new ToolStrip();
                toolStrip.setWidth100();
                {
                    ToolStripButton buttonSelectAll = new ToolStripButton( "Select all" );
                    buttonSelectAll.setIcon( "icons/32x32/selectAll.png" );
                    buttonSelectAll.addClickHandler( new ClickHandler()
                    {
                        public void onClick( ClickEvent event )
                        {
                            listGrid.selectAllRecords();
                        }
                    } );
                    toolStrip.addButton( buttonSelectAll );
                }
                {
                    ToolStripButton buttonDeselectAll = new ToolStripButton( "Unselect all" );
                    buttonDeselectAll.setIcon( "icons/32x32/unselectAll.png" );
                    buttonDeselectAll.addClickHandler( new ClickHandler()
                    {
                        public void onClick( ClickEvent event )
                        {
                            listGrid.deselectAllRecords();
                        }
                    } );
                    toolStrip.addButton( buttonDeselectAll );
                }
                {
                    Label spacerLabel = new Label( "" );
                    spacerLabel.setWidth100();
                    toolStrip.addMember( spacerLabel );
                }
                {
                    ToolStripButton buttonCancel = new ToolStripButton( "Close" );
                    buttonCancel.setIcon( "icons/32x32/cancel.png" );
                    buttonCancel.addClickHandler( new ClickHandler()
                    {
                        public void onClick( ClickEvent event )
                        {
                            closeWindow();
                        }
                    } );
                    toolStrip.addButton( buttonCancel );
                }
                {
                    ToolStripButton buttonApply = new ToolStripButton( "Apply" );
                    buttonApply.setIcon( "icons/32x32/apply.png" );
                    buttonApply.addClickHandler( new ClickHandler()
                    {
                        public void onClick( ClickEvent event )
                        {
                            addSelectedRecords();
                            closeWindow();
                        }
                    } );
                    toolStrip.addButton( buttonApply );
                }

                layout.setMembers( headlineStrip, listGrid, toolStrip );