removed scroll sync (#181)

fix #180

Author: Pietro

package.json

@@ -59,8 +59,7 @@
     "react-keyboard-shortcuts": "^1.1.3",
     "react-simple-tooltip": "^2.3.3",
     "sbd": "^1.0.15",
-    "smpte-timecode": "^1.2.3",
-    "react-visibility-sensor": "^5.1.1"
+    "smpte-timecode": "^1.2.3"
   },
   "peerDependencies": {
     "react": "^16.6.0",

packages/components/timed-text-editor/WrapperBlock.js

@@ -10,7 +10,6 @@ import {
 } from '../../util/timecode-converter';
 
 import style from './WrapperBlock.module.css';
-import VisibilitySensor from 'react-visibility-sensor';
 
 class WrapperBlock extends React.Component {
   constructor(props) {
@@ -138,48 +137,17 @@ class WrapperBlock extends React.Component {
 
     return (
       <div className={ style.WrapperBlock }>
-
-        <VisibilitySensor
-          partialVisibility={ true }
-          // intervalCheck={ false }
-          scrollCheck
+        <div
+          className={ [ style.markers, style.unselectable ].join(' ') }
+          contentEditable={ false }
         >
-          {
-            ({ isVisible }) => (
-              <>
-                {isVisible ? (
-                  <>
-                    <div
-                      className={ [ style.markers, style.unselectable ].join(' ') }
-                      contentEditable={ false }
-                    >
-                      {this.props.blockProps.showSpeakers ? speakerElement : ''}
-
-                      {this.props.blockProps.showTimecodes ? timecodeElement : ''}
-                    </div>
-                    <div className={ style.text }>
-                      <EditorBlock { ...this.props } />
-                    </div>
-                  </>
-                ) : (
-                  <>
-                    <div
-                      className={ [ style.markers, style.unselectable ].join(' ') }
-                      contentEditable={ false }
-                    >
-                      <span className={ style.speaker }>…</span>
-                      <span className={ style.time } >…</span>
-                    </div>
-                    <div className={ style.text }>
-                      <span>…</span>
-                    </div>
-                  </>
-                )}
-              </>
-            )
-
-          }
-        </VisibilitySensor>
+          {this.props.blockProps.showSpeakers ? speakerElement : ''}
+
+          {this.props.blockProps.showTimecodes ? timecodeElement : ''}
+        </div>
+        <div className={ style.text }>
+          <EditorBlock { ...this.props } />
+        </div>
       </div>
     );
   }