fix(app): popover scroll container position

#162

Author: azinit

src/app/hocs/index.ts

@@ -1,8 +1,9 @@
 import withApollo from "./with-apollo";
 import withRouter from "./with-router";
+import withAntd from "./with-antd";
 
 /**
  * @hoc Инициализирующая логика приложения
  * FIXME: Потом какой-нибудь `compose` метод заинсталлим откуда-нить и покрасивше будет
  */
-export const withHocs = (component: Component) => withRouter(withApollo(component));
+export const withHocs = (component: Component) => withAntd(withRouter(withApollo(component)));

src/app/hocs/with-antd.tsx

@@ -0,0 +1,18 @@
+import React from "react";
+import { ConfigProvider } from "antd";
+
+// eslint-disable-next-line max-len
+// https://ant.design/docs/react/faq#How-do-I-prevent-Select-Dropdown-DatePicker-TimePicker-Popover-Popconfirm-scrolling-with-the-page
+
+/**
+ * @hoc Инициализация antd для корректного использования компонентов
+ * @remark Для попапов в системе - возвращаем parentElement (для фикса бага) или document.body (defaultValue)
+ * @see https://github.com/ani-team/github-client/issues/162#issuecomment-736676022
+ */
+const withAntd = (component: Component) => () => (
+    <ConfigProvider getPopupContainer={({ parentElement }) => parentElement || document.body}>
+        {component()}
+    </ConfigProvider>
+);
+
+export default withAntd;