Touch screen - bug in the page rendering?

Question

Hi,
my jspx page is composed of af:decorativeBox - af: panelDashBoard - af:panelBox (JDeveloper 11.1.1.6 with ADF BC, ADF Faces).
I have found a strange behavior when page is rendered on iPad:
Case 1: Panel box contains table, form or tree component.
=======
Rendered page fits to the screen size. Parent component (af: form) doesn't exceed the size of the decorativeBox. If the page is moved (dragged) up out of the screen within the browser, it always comes back when released.
Case 2: Panel box contains a dvt component (e.g bar or scattered graph)
=======
Rendered page fits to the screen size. Parent components (i don't know if it is form, document or view) exceed size of the decorativeBox, and it is possible to scroll page up, so decorativeBox gets out and stays out of the screen.
The difference between both cases is in the size of grey layer, which is rendered between the decorativeBox and background in the browser's window. This layer has the same size as decorativeBox in case 1, but is much longer than decorativeBox in case 2. All attributes of view/document/form are the same in both cases, the only difference is used UI component (dvt:graph in faulty case).
Has anybody observed the same behavior? Is there any way how to fix it?
Daniel
Case 1 (OK):
========
<?xml version='1.0' encoding='UTF-8'?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.1"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:af="http://xmlns.oracle.com/adf/faces/rich"
xmlns:dvt="http://xmlns.oracle.com/dss/adf/faces">
<jsp:directive.page contentType="text/html;charset=UTF-8"/>
<f:view>
<af:document id="d1">
<af:messages id="m1"/>
<af:form id="f1">
<af:decorativeBox id="db1" topHeight="30px">
<f:facet name="center">
<af:panelDashboard id="pd1" columns="2" rowHeight="300px">
<af:panelBox text="PanelBox1" id="pb1">
<f:facet name="toolbar"/>
<af:panelFormLayout id="pfl1">
<af:panelLabelAndMessage label="#{bindings.Wldoco.hints.label}"
id="plam6">
<af:outputText value="#{bindings.Wldoco.inputValue}"
id="ot3">
<af:convertNumber groupingUsed="false"
pattern="#{bindings.Wldoco.format}"/>
</af:outputText>
</af:panelLabelAndMessage>
<af:panelLabelAndMessage label="#{bindings.Wldsc1.hints.label}"
id="plam3">
<af:outputText value="#{bindings.Wldsc1.inputValue}"
id="ot5"/>
</af:panelLabelAndMessage>
<af:panelLabelAndMessage label="#{bindings.Wlkitl.hints.label}"
id="plam4">
<af:outputText value="#{bindings.Wlkitl.inputValue}"
id="ot7"/>
</af:panelLabelAndMessage>
<af:panelLabelAndMessage label="#{bindings.Wlmcu.hints.label}"
id="plam8">
<af:outputText value="#{bindings.Wlmcu.inputValue}"
id="ot6"/>
</af:panelLabelAndMessage>
<af:panelLabelAndMessage label="#{bindings.Wlopsc.hints.label}"
id="plam5">
<af:outputText value="#{bindings.Wlopsc.inputValue}"
id="ot4"/>
</af:panelLabelAndMessage>
<af:panelLabelAndMessage label="#{bindings.Wlopsq.hints.label}"
id="plam1">
<af:outputText value="#{bindings.Wlopsq.inputValue}"
id="ot8">
<af:convertNumber groupingUsed="false"
pattern="#{bindings.Wlopsq.format}"/>
</af:outputText>
</af:panelLabelAndMessage>
<af:panelLabelAndMessage label="#{bindings.Wlrunm.hints.label}"
id="plam2">
<af:outputText value="#{bindings.Wlrunm.inputValue}"
id="ot2">
<af:convertNumber groupingUsed="false"
pattern="#{bindings.Wlrunm.format}"/>
</af:outputText>
</af:panelLabelAndMessage>
<af:panelLabelAndMessage label="#{bindings.Wldoco1.hints.label}"
id="plam7">
<af:outputText value="#{bindings.Wldoco1.inputValue}"
id="ot1">
<af:convertNumber groupingUsed="false"
pattern="#{bindings.Wldoco1.format}"/>
</af:outputText>
</af:panelLabelAndMessage>
</af:panelFormLayout>
</af:panelBox>
<af:panelBox text="PanelBox2" id="pb2">
<f:facet name="toolbar"/>
</af:panelBox>
<af:panelBox text="PanelBox3" id="pb3">
<f:facet name="toolbar"/>
</af:panelBox>
</af:panelDashboard>
</f:facet>
<f:facet name="top">
<af:panelHeader text="Scrolling investigation" id="ph1">
<f:facet name="context"/>
<f:facet name="menuBar"/>
<f:facet name="toolbar">
<af:commandButton text="commandButton 1" id="cb1"/>
</f:facet>
<f:facet name="legend"/>
<f:facet name="info"/>
</af:panelHeader>
</f:facet>
</af:decorativeBox>
</af:form>
</af:document>
</f:view>
</jsp:root>
Case 2 (NOK):
=========
<?xml version='1.0' encoding='UTF-8'?>
<jsp:root xmlns:jsp="http://java.sun.com/JSP/Page" version="2.1"
xmlns:f="http://java.sun.com/jsf/core"
xmlns:h="http://java.sun.com/jsf/html"
xmlns:af="http://xmlns.oracle.com/adf/faces/rich"
xmlns:dvt="http://xmlns.oracle.com/dss/adf/faces">
<jsp:directive.page contentType="text/html;charset=UTF-8"/>
<f:view>
<af:document id="d1">
<af:messages id="m1"/>
<af:form id="f1">
<af:decorativeBox id="db1" topHeight="30px">
<f:facet name="center">
<af:panelDashboard id="pd1" columns="2" rowHeight="300px">
<af:panelBox text="PanelBox1" id="pb1">
<f:facet name="toolbar"/>
<dvt:bubbleGraph id="bubbleGraph1"
value="#{bindings.wcG1View1.graphModel}"
subType="BUBBLE">
<dvt:background>
<dvt:specialEffects/>
</dvt:background>
<dvt:graphPlotArea/>
<dvt:seriesSet>
<dvt:series/>
</dvt:seriesSet>
<dvt:x1Axis/>
<dvt:y1Axis/>
<dvt:legendArea automaticPlacement="AP_NEVER"/>
</dvt:bubbleGraph>
</af:panelBox>
<af:panelBox text="PanelBox2" id="pb2">
<f:facet name="toolbar"/>
</af:panelBox>
<af:panelBox text="PanelBox3" id="pb3">
<f:facet name="toolbar"/>
</af:panelBox>
</af:panelDashboard>
</f:facet>
<f:facet name="top">
<af:panelHeader text="Scrolling investigation" id="ph1">
<f:facet name="context"/>
<f:facet name="menuBar"/>
<f:facet name="toolbar">
<af:commandButton text="commandButton 1" id="cb1"/>
</f:facet>
<f:facet name="legend"/>
<f:facet name="info"/>
</af:panelHeader>
</f:facet>
</af:decorativeBox>
</af:form>
</af:document>
</f:view>
</jsp:root>

Answer 1

Guess this is not the right forum. Post in ADF Mobile.