Infrastructure/ghost
0
Fork 0
mirror of https://github.com/TryGhost/Ghost.git synced 2025-02-03 23:00:14 -05:00
Code Issues Activity

Fixed scrolling to reply form

Browse source
This commit is contained in:
Simon Backx 2022-07-21 15:03:40 +02:00
parent 0b8f92ddbe
commit 866a020072
1 changed files with 23 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

25
apps/comments-ui/src/components/Form.js
View file

@ -42,10 +42,31 @@ const Form = (props) => {
// };
const getScrollToPosition = () => {
const yOffset = -100;
let yOffset = -100;
const element = formEl.current;
const y = element.getBoundingClientRect().top + window.pageYOffset + yOffset;
// Because we are working in an iframe, we need to resolve the position inside this iframe to the position in the top window
// Get the window of the element, not the window (which is the top window)
let currentWindow = element.ownerDocument.defaultView;
// Loop all iframe parents (if we have multiple)
while (currentWindow !== window) {
const currentParentWindow = currentWindow.parent;
for (let idx = 0; idx < currentParentWindow.frames.length; idx++) {
if (currentParentWindow.frames[idx] === currentWindow) {
for (let frameElement of currentParentWindow.document.getElementsByTagName('iframe')) {
if (frameElement.contentWindow === currentWindow) {
const rect = frameElement.getBoundingClientRect();
yOffset += rect.top + currentWindow.pageYOffset;
}
}
currentWindow = currentParentWindow;
break;
}
}
}
const y = element.getBoundingClientRect().top + window.pageYOffset + yOffset;
return y;
};