tedkulp/Readarr
1
0
Fork 0
mirror of https://github.com/Readarr/Readarr.git synced 2026-04-20 21:54:25 -04:00
Code Issues Projects Releases Wiki Activity

Menu fixes

Browse Source 
Fixed: Menus in modals on iOS
Fixed: Menu not closing on outside touch on mobile
This commit is contained in:
Mark McDowall
2019-08-15 22:51:30 -07:00
committed by Qstick
parent e555d790e6
commit b7458f6d9c
3 changed files with 34 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/Components/Modal/Modal.js
+4 -4
View File
@@ -33,6 +33,7 @@ class Modal extends Component {
this._node = document.getElementById('portal-root');
this._backgroundRef = null;
this._modalId = getUniqueElememtId();
this._bodyScrollTop = 0;
}
componentDidMount() {
@@ -73,8 +74,8 @@ class Modal extends Component {
if (openModals.length === 1) {
if (isIOS()) {
setScrollLock(true);
const offset = document.body.scrollTop;
document.body.style.top = `${offset * -1}px`;
const scrollTop = document.body.scrollTop;
this._bodyScrollTop = scrollTop;
elementClass(document.body).add(styles.modalOpenIOS);
} else {
elementClass(document.body).add(styles.modalOpen);
@@ -90,9 +91,8 @@ class Modal extends Component {
setScrollLock(false);
if (isIOS()) {
const offset = parseInt(document.body.style.top);
elementClass(document.body).remove(styles.modalOpenIOS);
document.body.scrollTop = (offset * -1);
document.body.scrollTop = this._bodyScrollTop;
} else {
elementClass(document.body).remove(styles.modalOpen);
}