react-focus-element

A React component working use “contenteditable element” to fix focus bug on iphone, mac, and chrome(webkit kernel browser).

Install

npm install --save react-focus-element

Note: This component can work on most platform and most browser

Usage

var React = require('react');
var FocusElement = require('react-focus-element');
React.render(<FocusElement onInput={(e) => {}} />, document.body);

Examples

var React = require('react');
var FocusElement = require('react-focus-element');
var MyComponent = React.createClass({
  render: function () {
    return (
        <FocusElement
          id="publish-message__title"
          className={className}
          onInput={(e) => {this.handleArticleContentChange('title', e.target)}}
        />
    );
  }
});

Contributing

Pull requests welcome!

Run the test suite with npm test and format your code with npm run format. Make sure tests are passing and that you write tests for new features and document changes to the API with updates to the JSDocs.

Before you submit your pull request, run npm run dist to build the project and commit the changes.

License

MIT © fudanfuhua