ExtJs 4,1 MinWidth и выровнять «растянуть» не работает Снегурочка

Question

У меня есть этот код (https://fiddle.sencha.com/#fiddle/r38):

Ext.onReady(function() { 
     Ext.create("Ext.panel.Panel", { 
      renderTo: Ext.getBody(), 
      height: 200, 
      autoScroll: true, 
      items: [{ 
       layout: { 
        type: "vbox", 
        align: "stretch" 
       }, 
       minWidth: 400 
      } 
      ], 
      layout: { 
       type: "vbox", 
       align: "stretch" 
      } 
     }); 
    }); 

Мне нужно, чтобы показать горизонтальную полосу прокрутки, если размер окна будет меньше, чем MinWidth, 400px то. Но это не видно. Я ищу универсальное решение, поскольку в реальном проекте у меня более сложная древовидная структура.

Answer 1

пытаются добавить:

flex: 1 

внутри также добавить свои 'предметы'

:

cls: 'my-panel' 

для панели

затем попытаться использовать медиа-запрос в вас sass/css:

@media only screen and (max-width: 400px){ 
    .my-panel{ 
     overflow-x: scroll; 
    } 
}