I created a simple view with a Flex Repeater containing views that have nothing other than a 1px top border. When loaded, it looks like it should:
Upon scrolling, however, the borders intermittently become doubled:
And sometimes there are extra phantom borders that appear:
The view:
{
"custom": {},
"params": {},
"props": {},
"root": {
"children": [
{
"meta": {
"name": "FlexRepeater"
},
"position": {
"grow": 1
},
"props": {
"direction": "column",
"instances": [
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{},
{}
],
"path": "Flex Repeater Border Item",
"useDefaultViewWidth": false
},
"type": "ia.display.flex-repeater"
}
],
"meta": {
"name": "root"
},
"props": {
"direction": "column"
},
"type": "ia.container.flex"
}
}
And the repeated view:
{
"custom": {},
"params": {},
"props": {
"defaultSize": {
"height": 22
}
},
"root": {
"meta": {
"name": "root"
},
"props": {
"direction": "column",
"style": {
"borderTopStyle": "solid",
"borderTopWidth": 1
}
},
"type": "ia.container.flex"
}
}
Hmmm. Now that I posted the screenshots, I see that the doubling behavior even happens on the first screenshot when I scroll, which obviously has nothing to do with Perspective. But what about those other phantom borders in the third screenshot? Does anyone know what's going on here...?