Image buttom clipping in firefox

[Niels_EMP]

SmartClient Version: v10.0p_2015-07-14/Pro Deployment (built 2015-07-14)

I have noticed some clipping issues in Firefox and have found the same problem in the showcase.

In Firefox (39.0) some images are clipped a few pixels at the bottom. (see attached screenshot).

It works fine in Chrome and IE

The showcase is: http://www.smartclient.com/smartgwt/showcase/#effects_dd_copy_list

[Isomorphic]

We do see this issue in the Showcase itself, in Firefox only, as you say.

But we don't see this issue outside of the Showcase, even running the very same sample code.

The Showcase is a special environment, and we can take a look at what can be done there.

But do you have an example of this happening outside of the Showcase?

[Niels_EMP]

Yes I noticed it a few places in my application (see attached), that's why I looked in the showcase to see if it was just my code.

The Img button in the top right:

public static ImgButton createHelpButton(final String text)
	{
		final ImgButton helpButton = new ImgButton();
		helpButton.setWidth(27);
		helpButton.setHeight(27);
		helpButton.setShowRollOver(true);
		helpButton.setShowDown(true);
		helpButton.setSrc("[SKIN]/actions/help.png");
		helpButton.addClickHandler(new ClickHandler() {
			
			@Override
			public void onClick(ClickEvent event) {
				showHelpModal(text);
			}
		});
		
		return helpButton;
	}

The pictures are HLayouts with an overwritten getInnerHTML which fetches an url from my database via DataSource.getFileURL() and returns Canvas.imgHTML(url, 48, 48).

The settings on the HLayouts are:

		this.setDefaultLayoutAlign(VerticalAlignment.CENTER);
		this.setLayoutAlign(Alignment.CENTER);
		this.setAlign(Alignment.CENTER);
		this.setHeight(48);
		this.setWidth(48);

[stonebranch2]

I've seen many clipping issues in Firefox, isolated to Firefox only, some I have reported, others I have not, simply because I don't have time to track each clipping issue down at the moment.

Here is the thread where I have documented some cases.

http://forums.smartclient.com/showthread.php?t=32955

One other issue I continue to see is the hover box around hovers being clipped at the bottom where the black border along the bottom is not visible. Hard to capture that one with a screenshot as it always disappears on me.

[stonebranch2]

FYI

I have updated the following thread with some information.

http://forums.smartclient.com/showthread.php?p=133006

Regards

[Niels_EMP]

stonebranch2's solution did not work for me, I was already at 100% in Windows 8 and I still see the clipping.

[Isomorphic]

Ok, we can take another look - however, since we aren't seeing this in testing outside of the showcase, a runnable sample would be very useful, so we know the structure of containing layouts and their settings.

[Niels_EMP]

Did you figure out anything about this?

Can you not use the ImgButton I posted earlier as a runnable sample?

[Isomorphic]

We still can't seem to find an instance of this when zoom is not enabled, DOCTYPEs are correct, etc.

Do you have a test case that shows this issue?