Ext version tested:
  • 2.1.0-beta3
Browser versions tested against:
  • Safari 5.1.7
  • Chrome 21.0.1180.89
DOCTYPE tested against:
  • HTML
Horizontal lists (Ext.List) do not expand to full width of their container. Setting inline: { wrap: false } should create a list, where the items are arranged and scrolled horizontally. This functionality is working correctly in However, in 2.1.0-beta3, the list items are always arranged vertically.

Ext.List is a subclass of DataView. If I change the extend value from Ext.List to Ext.DataView, the items all of a sudden will position correctly, that is, horizontally. But not, if i extend from Ext.List. See screenshots below.

Steps to reproduce the problem:
  • Create a list extending from Ext.List
  • config: inline: { wrap: false }, scrollable: { direction: 'horizontal', directionLock: true }
  • The list will wrap vertically and not horizontally.
  • Now keep everything, but change extend to Ext.DataView. The list will scroll horizontally.
The result that was expected:
  • List items should be arranged and scrolled horizontally
The result that occurs instead:
  • List items are wrapping vertically

Screenshot or Video:

Using, list items correctly positioned and scrolled horizontally

Using 2.1.0-beta3, list items ignore inline/wrap config and positioned vertically

Operating System:
  • Win 7 x64