Wednesday, November 28, 2012

Re: DIV with negative top floating above TabLayoutPanel

Hi Jens,

Thanks for the explanation.

The TabLayoutPanel is in a dialog that is draggable around the screen so depending on where you drag it, it puts an invisible cover on what is underneath the div.  So if I drag the dialog to just under a button group, I am unable to click some of the buttons that are under the invisible div.

It looks like all other tab panels are unsuitable for use in standards mode.  It looks like my only option is TabLayoutPanel and GWT has no Tab set implementation that is suitable for use inside a widget like this. Is this the case?

Many Thanks!!!

On Tuesday, 27 November 2012 19:11:01 UTC, Jens wrote:
The div you are seeing is used by GWT's LayoutImpl class to calculate the number of pixels for a given unit (like em, ex, pct, px,... ), so you can't get rid of it (see:

Why do you need a button outside of your dialog to be clickable? Or were you just concerned about a div you can't interpret and the button issue was just an example?

-- J

Am Dienstag, 27. November 2012 19:47:47 UTC+1 schrieb johnrellis:

I was hoping someone could help me with a very strange issue.  We have a TabLayoutPanel sitting inside a VerticalPanel.  This in turn is in a dialog. 

There is a strange div floating above the dialog as shown in the picture below :

The div is invisible, I used the web tools to highlight it.  If it is over a button however, it prevents clicks etc.

I can inspect the element and see if is part of the TabLayoutPanel as shown in the picture below :

Does anybody have any idea what this is and how I can get rid of it?

The browser is running in standards mode and the RootLayoutPanel is being used.

Many thanks!

You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group.
To view this discussion on the web visit
To post to this group, send email to
To unsubscribe from this group, send email to
For more options, visit this group at

No comments:

Post a Comment