Discource-C
/
discourse
mirror of https://github.com/discourse/discourse.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

fine-tune scroll lock on ios 

reserveScrollBarGap and allow scrolling items inside composer
This commit is contained in:
Penar Musaraj 2024-12-12 19:38:17 -05:00
parent d6ed5e498b
commit 957ed36663
1 changed files with 12 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
app/assets/javascripts/discourse/app/components/d-virtual-height.gjs
View File

@ -134,20 +134,21 @@ export default class DVirtualHeight extends Component {
this.appEvents.trigger("keyboard-visibility-change", keyboardVisible);
if (keyboardVisible) {
docEl.classList.add("keyboard-visible");
// disable body scroll in mobile composer
// we have to do this because we're positioning the composer with
// position: fixed and top: 0 and scrolling would move the composer halfway out of the viewport
// we can't use bottom: 0, it is very unreliable with keyboard visible
if (docEl.classList.contains("composer-open")) {
disableBodyScroll(document.querySelector("#reply-control"));
}
// disable body scroll in mobile composer
// we have to do this because we're positioning the composer with
// position: fixed and top: 0 and scrolling would move the composer halfway out of the viewport
// we can't use bottom: 0, it is very unreliable with keyboard visible
if (docEl.classList.contains("composer-open")) {
disableBodyScroll(document.querySelector("#reply-control"), {
reserveScrollBarGap: true,
allowTouchMove: (el) => el.closest("#reply-control"),
});
}
keyboardVisible
? docEl.classList.add("keyboard-visible")
: docEl.classList.remove("keyboard-visible");
if (!keyboardVisible) {
docEl.classList.remove("keyboard-visible");
clearAllBodyScrollLocks();
}
}