     @props.onSubmit arguments...
 
   handleUnderlayClick: (e) ->
-    if e.target is @getDOMNode()
-      @props.onCancel arguments...
+    unless @props.required
+      if e.target is @getDOMNode()
+        @props.onCancel arguments...
 
 module.exports = React.createClass
   displayName: 'DropdownFormTrigger'

    console.log 'Will anchor to', @props.anchor

  handleGlobalKeyDown: (e) ->
    if e.which is ESC_KEY
      @props.onCancel arguments...

  render: ->
    <div className="dropdown-form-underlay" style={@underlayStyle} onClick={@handleUnderlayClick}>

    @props.onSubmit arguments...

  handleCancel: ->
    @close()
    @props.onCancel arguments...
