enyo list last item getting cut off

For some reason the last item in my list is getting cut off and I cannot figure out why. Any ideas?

enyo.kind({ name:"contents", style: " ", classes:"", // declare 'published' properties published: { Contents: [] }, components: [ {name: "list", kind: "List", multiSelect: false, classes: "enyo-fit results-list", onSetupItem: "setupItem", components: [ {name: "item", kind: 'FittableColumns', noStretch:true, classes: "results-item ", components: [ {kind: "enyo.Image", src: "assets/placeholder_user.png", alt: "Placeholder Image", classes: "placeholder", style: "height: 80px; width: 80px; margin: 5px; background: #737373; "}, {components: [ {kind: "FittableColumns", noStretch: true, components: [ {name: "first", classes: "", style: "width: 100%; margin: 10px 0 0 10px; font-size: 20px;" } ]}, {name: "address", style: "width: 100%; margin: 5px 0 0 10px; font-size: 14px; font-weight: 400;" }, {name: "number", style: "width: 100%; margin: 5px 0 0 10px; font-size: 14px; font-weight: 400;" }, ]} ]} ]} ], //Lifecycle events create: function() { this.inherited(arguments) }, rendered: function() { this.inherited(arguments) }, setupItem: function (inSender, inEvent) { // this is the row we're setting up var i = inEvent.index; //this.$.item.addRemoveClass("main-view", inSender.isSelected(i)); this.log(this.Contents.length) var m = this.Contents[i] if (m) { this.$.first.setContent(m) this.$.address.setContent(m) this.$.number.setContent(m) return true } else { return false } return false }, // optional method that is called whenever set("myValue", ) is called ContentsChanged: function (inOldValue) { //this.delta = this.myValue - inOldValue; this.log('changed',this.Contents.length) this.$.list.setCount(this.Contents.length) this.$.list.reset() }, destroyComponentsByName: function (name) { var c = this.$ for(var k in c) { if (k === name){ c[k].destroy() } } } })

Comments

Sign In or Register to comment.