CollectionView does not position initial cells underneath statusBar

[mpost]

Problem description

The bounds of the CollectionView are shown underneath the statusBar but the initial cells are not. They are positioned below the statusBar as if the dislplayMode was not set to float. It is possible to scroll the cells underneath though.

Expected behavior

The CollectionView should put the initial cells under the statusBar.

Environment

• Tabris.js version: 3.0.0-beta2
• Device: iPhone 6
• OS: iOS 12

Code snippet

import {CollectionView, contentView, statusBar, TextView} from 'tabris';

const items = [
  'Apple', 'Banana', 'Cherry', 'Apple', 'Banana', 'Cherry',
  'Apple', 'Banana', 'Cherry', 'Apple', 'Banana', 'Cherry',
  'Apple', 'Banana', 'Cherry', 'Apple', 'Banana', 'Cherry',
  'Apple', 'Banana', 'Cherry', 'Apple', 'Banana', 'Cherry',
  'Apple', 'Banana', 'Cherry', 'Apple', 'Banana', 'Cherry',
  'Apple', 'Banana', 'Cherry', 'Apple', 'Banana', 'Cherry',
  'Apple', 'Banana', 'Cherry', 'Apple', 'Banana', 'Cherry',
  'Apple', 'Banana', 'Cherry', 'Apple', 'Banana', 'Cherry',
  'Apple', 'Banana', 'Cherry', 'Apple', 'Banana', 'Cherry',
  'Apple', 'Banana', 'Cherry', 'Apple', 'Banana', 'Cherry'
];

statusBar.displayMode = 'float';
statusBar.background = '#dddd';

new CollectionView({
  left: 0, top: 0, right: 0, bottom: 0,
  itemCount: items.length,
  createCell: () => new TextView(),
  updateCell: (view, index) => {
    view.text = items[index];
  }
}).appendTo(contentView);

[mpost]

The issue is related to the "safe area" as present on iOS. The CollectionView pushed its cells to be inside the devices safe area (in this case below the statusBar). We have discussed possible solutions to better support the safe area and will improve upon that in the future.

[patrykmol]

This behavior is intended in case of scroll view and it's derivatives.