1.0.5 • Published 7 years ago
react-focus-element v1.0.5
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.