Looks like we can't reproduce the issue or there's a problem in the test case provided.
-
Sencha User
2.1.0-beta3: List items no longer positioned horizontally. They are always vertical.
REQUIRED INFORMATION
Ext version tested:
Browser versions tested against:
- Safari 5.1.7
- Chrome 21.0.1180.89
DOCTYPE tested against:
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
hlist-2011.jpg
Using 2.1.0-beta3, list items ignore inline/wrap config and positioned vertically
hlist-beta3.jpg
Operating System: