       @picker.off "click.colorPickerColor"
       @picker.on "click.colorPickerColor", ".small-colorpicker-color", (event) =>
         hex = $(event.target).data('color')
-        @input.minicolors('value', hex)
+        @input.minicolors('value', hex) unless @native
         @setHexColor(hex)
         @closePicker()
         false

    colorsContainer.append(createCustom())

    @input = picker.find('.small-colorpicker-custom')
    @input.minicolors
      theme: 'colorpicker'
      change: (hex) =>
        @setHexColor(hex)
    @input.css
      backgroundColor: initialColor
      color: @fontFromColor(initialColor)
    @input.on 'keydown', (event) =>
      @closePicker() if event.which == 13
    picker.find('.minicolors-panel > div').each (_, div) ->
      $(div).css
        top: parseInt($(div).css('top')) + 3
        left: parseInt($(div).css('left')) + 3
    colorsContainer.append("<div class='clearfix'></div>").end()
   
  setHexColor: (hex) ->
    return unless /(^#[0-9A-F]{6}$)|(^#[0-9A-F]{3}$)/i.test(hex)
    unless @options.dontSetElementColor


  placePicker: () ->
    @picker.show()
    @picker.css('opacity', 1.0)
    preventScrolling() if window.preventScrolling
    elemRect = @element[0].getBoundingClientRect()
    css = {}
