src/common/components/FeedList.js

@@ -175,10 +175,13 @@ export default class FeedList extends Component {
   /**
    * On viewable item changed
    */
-  onViewableItemsChanged = ({viewableItems}) => {
-    viewableItems.forEach((item) => {
+  onViewableItemsChanged = (change) => {
+    change.viewableItems.forEach((item) => {
       this.props.feedStore.addViewed(item.item);
     });
+    change.changed.forEach(c => {
+      c.item.setVisible(c.isViewable);
+    })
   }
 
   /**

src/discovery/DiscoveryScreen.js

@@ -177,6 +177,9 @@ class DiscoveryScreen extends Component {
         change.viewableItems.forEach((item) => {
           this.props.discovery.listStore.addViewed(item.item);
         });
+        change.changed.forEach(c => {
+          c.item.setVisible(c.isViewable);
+        })
         break;
 
       default:

src/media/MindsVideo.js

@@ -579,6 +579,9 @@ class MindsVideo extends Component {
    * Render
    */
   render() {
+    if (!this.state.pause && this.state.active && !this.props.entity.is_visible) {
+      this.setState({pause: false, active: false, showOverlay: true});
+    }
     const {error, inProgress, transcoding} = this.state;
 
     const overlay = this.renderOverlay();

src/newsfeed/NewsfeedList.js

@@ -206,10 +206,13 @@ export default class NewsfeedList extends Component {
   /**
    * On viewable item changed
    */
-  onViewableItemsChanged = ({viewableItems}) => {
-    viewableItems.forEach((item) => {
+  onViewableItemsChanged = (change) => {
+    change.viewableItems.forEach((item) => {
       this.props.newsfeed.list.addViewed(item.item);
     });
+    change.changed.forEach(c => {
+      c.item.setVisible(c.isViewable);
+    })
   }
 
   /**