blob: 203e813a80a8607c7b64b2a79d572bcb3968794c (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
|
package com.vaadin.tests.widgetset.client;
import com.google.gwt.dom.client.Style;
import com.google.gwt.dom.client.Style.Unit;
import com.google.gwt.event.dom.client.ClickHandler;
import com.google.gwt.user.client.DOM;
import com.google.gwt.user.client.Element;
import com.google.gwt.user.client.ui.Button;
import com.google.gwt.user.client.ui.FlowPanel;
import com.google.gwt.user.client.ui.HTML;
import com.google.gwt.user.client.ui.Panel;
import com.vaadin.client.ComponentConnector;
import com.vaadin.client.ConnectorHierarchyChangeEvent;
import com.vaadin.client.WidgetUtil;
import com.vaadin.client.ui.AbstractComponentContainerConnector;
import com.vaadin.client.ui.VVerticalLayout;
import com.vaadin.shared.ui.Connect;
import com.vaadin.shared.ui.orderedlayout.VerticalLayoutState;
import com.vaadin.tests.components.customlayout.OverflowAutoFix;
@SuppressWarnings("deprecation")
@Connect(OverflowAutoFix.RunOverflowFix.class)
public class RunOverflowFixConnector
extends AbstractComponentContainerConnector {
private static final String CONTENT1 = "Overflow:<br>Fix1 (scroll): Both scrollbars should be shown<br>Fix2 (visible): no scrollbars should be shown";
private static final String CONTENT2 = "OverflowX:<br>Fix1 (hidden): Horizontal scrollbar should be hidden, vertical shown<br>Fix2 (scroll): Both scrollbars should be shown";
private static final String CONTENT3 = "OverflowY:<br>Fix1 (hidden): Vertical scrollbar should be hidden, horizontal shown<br>Fix2 (auto): Both scrollbars should be shown";
private static final String BACKGROUND = "#ddd";
@Override
public void init() {
super.init();
final Panel overflow = createScrollPanel(CONTENT1);
overflow.addStyleName("first-scrollbar");
final Panel overflowX = createScrollPanel(CONTENT2);
overflowX.addStyleName("second-scrollbar");
final Panel overflowY = createScrollPanel(CONTENT3);
overflowY.addStyleName("third-scrollbar");
Button runFix = new Button("Click to runWebkitOverflowAutoFix",
(ClickHandler) event -> {
overflow.getElement().getStyle()
.setOverflow(Style.Overflow.SCROLL);
WidgetUtil.runWebkitOverflowAutoFix(overflow.getElement());
overflowX.getElement().getStyle()
.setOverflowX(Style.Overflow.HIDDEN);
WidgetUtil.runWebkitOverflowAutoFix(overflowX.getElement());
overflowY.getElement().getStyle()
.setOverflowY(Style.Overflow.HIDDEN);
WidgetUtil.runWebkitOverflowAutoFix(overflowY.getElement());
});
runFix.addStyleName("run-button-one");
getWidget().add(runFix);
Button runFix2 = new Button("Click to runWebkitOverflowAutoFix 2",
(ClickHandler) event -> {
overflow.getElement().getStyle()
.setOverflow(Style.Overflow.VISIBLE);
WidgetUtil.runWebkitOverflowAutoFix(overflow.getElement());
overflowX.getElement().getStyle()
.setOverflowX(Style.Overflow.SCROLL);
WidgetUtil.runWebkitOverflowAutoFix(overflowX.getElement());
overflowY.getElement().getStyle()
.setOverflowY(Style.Overflow.AUTO);
WidgetUtil.runWebkitOverflowAutoFix(overflowY.getElement());
});
runFix2.addStyleName("run-button-two");
getWidget().add(runFix2);
addSpacer(10);
getWidget().add(overflow);
addSpacer(60);
getWidget().add(overflowX);
addSpacer(60);
getWidget().add(overflowY);
}
private void addSpacer(double height) {
Element spacer = DOM.createDiv();
spacer.getStyle().setHeight(height, Unit.PX);
spacer.getStyle().setWidth(10, Unit.PX);
getWidget().getElement().appendChild(spacer);
}
private Panel createScrollPanel(String info) {
FlowPanel outer = new FlowPanel();
outer.setPixelSize(300, 200);
getWidget().add(outer);
HTML inner = new HTML(info);
inner.setPixelSize(350, 250);
inner.getElement().getStyle().setBackgroundColor(BACKGROUND);
// for some reason theme sets size to 0
inner.getElement().getStyle().setFontSize(12, Style.Unit.PX);
outer.add(inner);
return outer;
}
@Override
public VVerticalLayout getWidget() {
return (VVerticalLayout) super.getWidget();
}
@Override
public VerticalLayoutState getState() {
return (VerticalLayoutState) super.getState();
}
@Override
public void updateCaption(ComponentConnector connector) {
}
@Override
public void onConnectorHierarchyChange(
ConnectorHierarchyChangeEvent connectorHierarchyChangeEvent) {
}
}
|
