Dataview will not scroll horizontally if using components as dataitems

[ChrisWalker]

If I set the dataview to use inline wrap = false, the items will do as the documentation states for the dataview's inline config option (2.1.1 docs) if I use theitemTpl config option:
"When set to true the items within the DataView will have their display set to inline-block and be arranged horizontally. By default the items will wrap to the width of the DataView. Passing an object with { wrap: false } will turn off this wrapping behavior and overflowed items will need to be scrolled to horizontally."

{
  xtype: 'dataview',
  flex: 1,
  defaultType: 'MonitorItem_Tablet',
  scrollable: 'horizontal',
  deferEmptyText: false,
  inline: {
    wrap: false
  },
   itemTpl: [
      '<div>{name}</div>'
   ],
  store: 'goodMonitorStore',
  useComponents: false

SenchaArchitect2.PNG

The overflowed monitors can be seen by scrolling horizontally.

However if I switch this dataview to use components it appears to wrap the items:

{ xtype: 'dataview',
 flex: 1,
defaultType: 'MonitorItem_Tablet',
scrollable: 'horizontal',
deferEmptyText: false,
inline: {
   wrap: false
},
itemTpl: [
    '<div>{name}</div>'
],
store: 'goodMonitorStore',
useComponents: true
},

SenchaArchitect1.PNG