Hi i’ve designed a Field that extends from CustomField and that has as CompositionRoot a VerticalLayout.
The VerticalLayout consists of a HorizontalLayout with a TextField and a Button and below that HorizontalLayout, I have a Select-component.
Now, it happens that during the drawing of my Vaadin app, Only my CustomFields appears and all other components on the app are invisible. Reloading of the page does not seem to help; only if draw a selection box (keep left-mouse button pressed and draw a box) around those ‘invisible’ components, they get drawn on the screen. Reloading the page again after that, and the disappear again…
CustomField does not really do anything with respect to layout that a standard CustomComponent wouldn’t do - it does not even have its own client side widget. I suspect this is either a layout problem in your code or a general layout/rendering bug in Vaadin or some browser.
Can you reproduce this with a small test application, preferably using a CustomComponent (or - if reproducible so - just the VerticalLayout) instead of a CustomField? Having the code would make reproducing and testing this much easier.
Which browser version and Vaadin version are you using?
I’ve made a test project to show the issue. Issue only appears on the normal Chrome (5.0.375.125) browser (I’ve tried on the development version of Chrome and there I see no issue) and not on FireFox (3.6.3) nor IE8.
It also only appears when the form with the customfield is in a tabsheet and the tabsheet is the ‘main component’ of the vaadin app (you can test these cases using the project i’ve attached).
Maybe something to do with the CSS of the tabsheet, but i’m not an expert in CSS…
Thanks for the answer!
Jan
EDIT: it seems not possible to upload my project (17Mb zip-file of the netbeans project). Any suggestions? I don’t want to exclude libraries and other stuff, otherwise you you don’t have exactly the same project as i have…