View Full Version : Scrolling problems with a map inside a vbox layout

13 Feb 2011, 11:02 PM

I'm having some scrolling issues when I'm trying to embed a map inside a Panel that has a vbox layout. When I scroll the map, the map seems to shrink or expand and to also adjust the height of the other vbox child panels. How can I avoid this type of behaviour? Or is this a bug?

Below is some example code that demonstrates the problem:

var panel_Top = new Ext.Map({
flex: 1,
scroll: 'none',

zoom: 14,
navigationControl: false,
streetViewControl: false,
mapTypeControl: false,
disableDefaultUI: true


var panel_Bottom = new Ext.Panel({
scroll: 'none',
flex: 1,
layout: 'fit',
html: 'Panel'

var panel_Container = new Ext.Panel({
scroll: 'none',
layout: {
type: 'vbox',
align: 'stretch',
pack: 'center'
dockedItems : [{
xtype : 'toolbar',
dock : 'top',
title : 'Panel'
items: [

Naturally, I do not want that the height of the panel_Bottom is affected when browsing the map (panel_Top).

Any help would be much appreciated!

14 Feb 2011, 6:18 PM
Should I submit this as a bug?

14 Feb 2011, 6:45 PM
Nevermind! I noticed that instead of using:
scroll: 'none'

I should use:
scroll: false