refactor: hold page when preview content

Author: mydearxym

containers/Preview/store.js

@@ -7,7 +7,7 @@ import { types as t, getParent } from 'mobx-state-tree'
 import R from 'ramda'
 
 import { TYPE, THREAD } from '@constant'
-import { markStates, stripMobx, unholdPage, Global, cs } from '@utils'
+import { markStates, stripMobx, holdPage, unholdPage, Global, cs } from '@utils'
 import { User, EmptyAchievement } from '@model'
 
 const PREVIEWABLE_THREADS = [THREAD.POST, THREAD.JOB, THREAD.VIDEO, THREAD.REPO]
@@ -121,6 +121,7 @@ const PreviewStore = t
 
       self.visible = true
       self.type = type
+      holdPage()
     },
     setViewing(sobj) {
       self.root.setViewing(sobj)

utils/dom_operator.js

@@ -37,8 +37,8 @@ export const holdPage = () => {
 
   if (safeDocument) {
     const el = safeDocument.getElementById('body')
-    // el.style.overflowY = 'hidden'
-    el.style.position = 'fixed'
+    el.style.overflowY = 'hidden'
+    /* el.style.position = 'fixed' */
   }
 }
 
@@ -47,8 +47,8 @@ export const unholdPage = () => {
 
   if (safeDocument) {
     const el = safeDocument.getElementById('body')
-    /* el.style.overflowY = 'auto' */
-    el.style.position = ''
+    el.style.overflowY = 'auto'
+    /* el.style.position = '' */
   }
 }