react-frame-aware-selection-plugin

Modified version of React SelectEventPlugin with fixes related to iframe rendering.

1. Usage
2. Motivation
3. How it works

Usage

1. Add npm package

   Latest

   npm install react-frame-aware-selection-plugin@2.0.0 --save

   React >= 15.4 && < 16.0.0

   npm install react-frame-aware-selection-plugin@1.0.0 --save

   React < 15.4

   npm install react-frame-aware-selection-plugin@0.0.5 --save

2. In you app entry point:

   import React from 'react'
   import ReactDOM from 'react-dom'
   import injector from 'react-frame-aware-selection-plugin'
   injector();

Motivation

Current React version does not support onSelect event if component is embedded to iFrame. Consider following code:

import Frame from 'react-frame-component'
 
const AwesomeFramedComponent = ({ onSelect }) => (
  <Frame>
    <div contentEditable="true" onSelect={onSelect}></div>
  </Frame>
)

In such situation onSelect callback will not be fired. This library will fix this behaviour.

Hot it works

Library will replace SelectEventPlugin in EventPluginRegistry with fixed version.