From 0d35efd0de6f71ec84be3ea94c04f03276763690 Mon Sep 17 00:00:00 2001
From: Maksym Mykhailenko <maxceem@gmail.com>
Date: Fri, 22 Dec 2017 20:20:39 +0800
Subject: [PATCH] issue #1519 - Screen flicker in dropdown Removed noScroll
 class

---
 .../NotificationsDropdown/NotificationsDropdown.scss  |  5 -----
 .../NotificationsDropdownContainer.jsx                | 11 +----------
 2 files changed, 1 insertion(+), 15 deletions(-)

diff --git a/src/components/NotificationsDropdown/NotificationsDropdown.scss b/src/components/NotificationsDropdown/NotificationsDropdown.scss
index 2e79b08ab..002703ccc 100644
--- a/src/components/NotificationsDropdown/NotificationsDropdown.scss
+++ b/src/components/NotificationsDropdown/NotificationsDropdown.scss
@@ -1,11 +1,6 @@
 // this is to include tc styles in the output library
 @import 'tc-includes';
 
-// Prevent the page scrolling while scrolling into the notification dropdown
-body.noScroll {
-  overflow: hidden;
-}
-
 // project override for dropdown shadow
 .Dropdown {
   box-shadow: 0 3px 30px 2px rgba(0, 0, 0, 0.5);
diff --git a/src/components/NotificationsDropdown/NotificationsDropdownContainer.jsx b/src/components/NotificationsDropdown/NotificationsDropdownContainer.jsx
index 3550ef2b2..6c115a116 100644
--- a/src/components/NotificationsDropdown/NotificationsDropdownContainer.jsx
+++ b/src/components/NotificationsDropdown/NotificationsDropdownContainer.jsx
@@ -21,15 +21,6 @@ class NotificationsDropdownContainer extends React.Component {
     this.props.getNotifications()
   }
 
-  // Make sure the body isn't scrollable when mouse is over the drop-down menu
-  freezeBody(){
-    document.body.classList.add('noScroll')
-  }
-
-  unfreezeBody(){
-    document.body.classList.remove('noScroll')
-  }
-
   render() {
     if (!this.props.initialized) {
       return null
@@ -66,7 +57,7 @@ class NotificationsDropdownContainer extends React.Component {
             </NotificationsEmpty>
           </div>
         ) : ([
-          <div key="body" className="notifications-dropdown-body" onMouseEnter={this.freezeBody} onMouseLeave={this.unfreezeBody} >
+          <div key="body" className="notifications-dropdown-body">
             {globalSource && globalSource.notifications.length &&
               <NotificationsSection
                 {...globalSource}