[TIMOB-5808] Android: Unexpected "Ghost-Margin" in a Vertical layout!

 

var uiWindow = Ti.UI.createWindow({
    navBarHidden: true
});
 
var uiViewBackground = Ti.UI.createView({
    layout: 'vertical',
    backgroundColor: '#FFFFFF'
});
 
var uiViewArticle = Ti.UI.createView({
    layout: 'vertical',
    backgroundColor: '#aabbcc'
});
 
// add intro red
var uiLabelRed = Ti.UI.createLabel({
    text: 'I´m the RED bar (10dp top)!',
    backgroundColor: '#AA0000',
    width: '100%',
    height: 'auto',
    top: '10dp'
});
 
// add intro red
var uiLabelGreen = Ti.UI.createLabel({
    text: 'I´m the GREEN bar (10dp top)!',
    backgroundColor: '#00AA00',
    width: '100%',
    height: 'auto',
    top: '10dp'
});
 
// add intro red
var uiLabelBlue = Ti.UI.createLabel({
    text: 'I´m the BLUE bar (10dp top)!',
    backgroundColor: '#0000AA',
    width: '100%',
    top: '10dp'
});
 
// add all 3 labels with 10dp (7 pixel) top
uiViewArticle.add(uiLabelRed);
uiViewArticle.add(uiLabelGreen);
uiViewArticle.add(uiLabelBlue);
 
// after adding the tree labels, the background
// view got 30dp (21 pixel) extra at the bottom! 
uiViewBackground.add(uiViewArticle);
 
uiWindow.add(uiViewBackground);
 
uiWindow.open();