OpenCloud
/
mastodon
mirror of https://github.com/tootsuite/mastodon
1
1
Fork 0
Code Issues Releases Wiki Activity

Fix `requestAnimationFrame` not always being called when handling embeds

fixes/embed-requestAnimationFrame
Claire 2024-12-05 13:21:07 +01:00
parent 21f6780498
commit 50737ffe97
2 changed files with 11 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
app/javascript/entrypoints/embed.tsx
View File

@ -62,13 +62,15 @@ window.addEventListener('message', (e) => {
// We use a timeout to allow for the React page to render before calculating the height
afterInitialRender(() => {
window.parent.postMessage(
{
type: 'setHeight',
id: data.id,
height: document.getElementsByTagName('html')[0]?.scrollHeight,
},
'*',
);
window.requestAnimationFrame(() => {
window.parent.postMessage(
{
type: 'setHeight',
id: data.id,
height: document.getElementsByTagName('html')[0]?.scrollHeight,
},
'*',
);
});
});
});

4
app/javascript/hooks/useRenderSignal.ts
View File

@ -24,9 +24,7 @@ export const useRenderSignal = () => {
renderSignalReceived = true;
if (typeof onInitialRender !== 'undefined') {
window.requestAnimationFrame(() => {
onInitialRender();
});
onInitialRender();
}
};
};