2.1.0-beta3: List items no longer positioned horizontally. They are always vertical.

REQUIRED INFORMATION

Ext version tested:

• 2.1.0-beta3

Browser versions tested against:

• Safari 5.1.7
• Chrome 21.0.1180.89

DOCTYPE tested against:

• HTML

Description:
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 2.0.1.1. 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

HELPFUL INFORMATION

Screenshot or Video:

Using 2.0.1.1, list items correctly positioned and scrolled horizontally
Attachment 38637


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


Operating System:

• Win 7 x64

Will look into it, though I believe you may need to use a DataView to do this instead of a List.

So if you encourage us to use the DataView instead of List for the purpose of displaying items inline, are there any plans to adapt the Pullrefresh plugin so that it works together with the DataView?
That would be most helpful.

Michael

I hope that this get fixed and not delegate to a dataview, since some time we may need horizontal List, with selectable items.

Yes, unfortunately the only solution I found is to change my list to a dataview.