Question

When I try to act on some HTML elements in the onRender method (or in a item:rendered callback), it fails.

Example:

Bars.EditGallery = Backbone.Marionette.ItemView.extend
  template: 'bars/edit_gallery'
  className: 'edit-gallery'

  onRender: ->
    # If I just write @$('select').chosen(), it doesn't work
    # despite the jQuery object contains what I expect.
    # To get it working, I have to write:
    callback = -> @$('select').chosen()
    setTimeout(callback, 0)

It’s the same with others actions, like giving the focus to a field.
How do you deal with that? The trick with setTimeout works but it is not very elegant.

Answer 1

This problem is caused by Chosen, as mentioned in this issue.