Border appears during page transition

[Yan Yi]

Just after a page transition to another page, we can see a grey line (I assume that's the mobile container border?) appearing for a split second.

I tried to set the border color by doing the following but the grey line still appears in many cases. How may I remove it?

This problem occurs during testing on the Appery web tester and iPhone 4S, iOS7.1
code

#myPage_mobilecontainer {
background-color: white;
color: white;
border-color: white;

}
body, [data-role="page"] {
background: #FFFFFF !important;
color: white;
border-color: white;
}
/code

(I also tried border: none;)

[Maryna Brodina]

Hello!

Is this line between footer and container? or any other elements?

[Yan Yi]

Hi Maryna!
I have no footer. It appears below the components of the page, usually very close to the last component.

For example, in the picture above, I have a few input fields and labels and a green button after. The line appears just below the green button (last component on the page)

[Alena Prykhodko]

Hello Yan,

In mobilecontainer Properties set Class Name to 'mobilecontainer', create CSS asset with code:

pre.mobilecontainer {
background: white;
color: white;
border-color: white;
}/pre

[Yan Yi]

Hi Alena, I've tried the CSS, but still does not work. Also tried

code
.ui-body-a, .ui-overlay-a {
border-bottom-color: white;
border-bottom: solid 1px white;
}
/code

The reason why I suspect it's a border problem is because I can "drag" the page halfway through a page transition, revealing the container grey border. This grey border looks like the one that appears. (Picture below shows what happens when I drag the page upwards halfway through a slide transition)

[Igor]

Hi ,

Please try this code:

precode
body div.ui-content {
border-width: 0px !important;
}
/code /pre
If it not help, please give us public link and tell us the steps how to reproduce this issue.

[Yan Yi]

Thanks Igor! That was the problem!