mirror of
https://github.com/atom/atom.git
synced 2026-01-23 05:48:10 -05:00
eb19989ecd
Detecting focus and blur at the level of the input is creating problems when we blur and then immediately refocus. This is simpler.
40 lines
1.1 KiB
CoffeeScript
40 lines
1.1 KiB
CoffeeScript
{last, isEqual} = require 'underscore-plus'
|
|
React = require 'react-atom-fork'
|
|
{input} = require 'reactionary-atom-fork'
|
|
|
|
module.exports =
|
|
InputComponent = React.createClass
|
|
displayName: 'InputComponent'
|
|
|
|
render: ->
|
|
{className, style} = @props
|
|
|
|
input {className, style, 'data-react-skip-selection-restoration': true}
|
|
|
|
getInitialState: ->
|
|
{lastChar: ''}
|
|
|
|
componentDidMount: ->
|
|
node = @getDOMNode()
|
|
node.addEventListener 'paste', @onPaste
|
|
node.addEventListener 'compositionupdate', @onCompositionUpdate
|
|
|
|
# Don't let text accumulate in the input forever, but avoid excessive reflows
|
|
componentDidUpdate: ->
|
|
if @lastValueLength > 500 and not @isPressAndHoldCharacter(@state.lastChar)
|
|
@getDOMNode().value = ''
|
|
@lastValueLength = 0
|
|
|
|
# This should actually consult the property lists in /System/Library/Input Methods/PressAndHold.app
|
|
isPressAndHoldCharacter: (char) ->
|
|
@state.lastChar.match /[aeiouAEIOU]/
|
|
|
|
shouldComponentUpdate: (newProps) ->
|
|
not isEqual(newProps.style, @props.style)
|
|
|
|
onPaste: (e) ->
|
|
e.preventDefault()
|
|
|
|
focus: ->
|
|
@getDOMNode().focus()
|