Vaadin cropfield选择坚持到顶部

在vaadin应用程序中，我使用CropField插件裁剪用户的头像。问题是，每当我尝试测试它时，选择区域总是粘在cropfield的顶部。在一个页面上一切都很好，但当我将这段代码完全复制到另一个页面时，问题就出现了。你知道为什么吗

            NativeButton nb = new NativeButton("Click on me");
            layout.addComponent(nb);
            nb.addListener(new ClickListener() {

                @Override
                public void buttonClick(ClickEvent event) {
                    final Window window = new Window();
                    window.setModal(true);
                    DivLayout cropContent = new DivLayout();
                    window.setContent(cropContent);

                    final CropField cropField = new CropField(new ExternalResource("http://upload.wikimedia.org/wikipedia/commons/1/1e/Stonehenge.jpg"));
                    cropField.setSelectionAspectRatio(1);
                    cropContent.addComponent(cropField);
                    //cropField.setImmediate(true);


                    NativeButton btClose = new NativeButton("Close");
                    btClose.addListener(new ClickListener() {

                        @Override
                        public void buttonClick(ClickEvent event) {
                            getMyApplication().getMainWindow().removeWindow(window);
                        }
                    });
                    cropContent.addComponent(btClose);
                    getMyApplication().getMainWindow().addWindow(window);
                }
            });

---

原来是关于html模板的。起初我认为cropfield显示在一个单独的窗口中，其中不使用模板html，也不依赖于html。但是，将带有Upload组件的div元素移动到html文件的开头可以消除此错误。无论如何，这不是解决方案，我没有找到这种奇怪行为的任何原因，仍然在搜索它。cropfield的选定区域只有在前面有一些文本字段时才会表现出不可预测的行为-仍然没有解决方案