Why is this vertical scroll not working properly?

[eriklarsson]

The code:



card: {
xtype: 'panel',
items: [
{xtype: 'spacer', height:20},
{xtype:'button',
text:'Hello, button',
handler:function() { alert('button handler') }
},
{html: "<div><img src='img/mdt_logo.png' /> <p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book</p></div>"},
],
scroll: 'vertical'

}


Essentially what happens is that the scroll doesn't reach the end of the card.
What is happening here?

Attaching an image

[wellsbr01]

The iPhone tool bar (blue below) is in the way. I found that it seems the bar's size is not properly computed on the phone, so the end of your doc is behind it. Press (+), it will make the bar to vanish, then try again.

That happened to me on a layout with a fixed height. Can't assert about your container spec from the fragment you sent, but in my case that was it.

[anthony-apd]

Have you tried adding a layout to your panel? Perhaps try a VBOX layout and make sure you set the flex param. This has fixed a similar issue on my end before.

[steve1964]

Use card layout and set the height of the panel to 100%, height: '100%'