wassname/talk
1
0
Fork 0
mirror of https://github.com/wassname/talk.git synced 2026-07-19 11:28:50 +08:00
Code Issues Packages Projects Releases Wiki Activity

continue polling for twitter iframe height longer (#3023)

Browse Source 
Co-authored-by: kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
This commit is contained in:
Tessa Thornton
2020-07-16 18:14:14 +00:00
committed by GitHub
co-authored by kodiakhq[bot] <49736102+kodiakhq[bot]@users.noreply.github.com>
parent 933d82e7c9
commit ace252eb72
1 changed files with 20 additions and 11 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/core/client/stream/common/Media/OEmbed.tsx
+20 -11
View File
@@ -19,8 +19,8 @@ interface Props {
siteID: string;
}
function calculateBottomPadding(width: string, height: string) {
return `${(parseInt(height, 10) / parseInt(width, 10)) * 100}%`;
function calculateBottomPadding(width: number, height: number) {
return `${(height / width) * 100}%`;
}
const oEmbed: FunctionComponent<Props> = ({
@@ -51,28 +51,38 @@ const oEmbed: FunctionComponent<Props> = ({
const onLoad = useCallback(() => {
if (width && height && containerRef && containerRef.current) {
containerRef.current.style.paddingBottom = `${(height / width) * 100}%`;
containerRef.current.style.paddingBottom = calculateBottomPadding(
width,
height
);
return;
}
let resizeInterval: number | null = null;
let iterations = 0;
resizeInterval = window.setInterval(() => {
if (iterations > 10 && resizeInterval) {
if (iterations > 100 && resizeInterval) {
clearInterval(resizeInterval);
}
iterations = iterations + 1;
if (!iframeRef.current || !iframeRef.current.contentWindow) {
return;
}
let calculatedWidth = `${width}`;
let calculatedHeight = `${height}`;
let calculatedWidth = width;
let calculatedHeight = height;
if (!width) {
calculatedWidth = `${iframeRef.current.contentWindow.document.body.scrollWidth}`;
iframeRef.current.width = `${calculatedWidth}px`;
calculatedWidth =
iframeRef.current.contentWindow.document.body.scrollWidth;
if (`${calculatedWidth}` !== iframeRef.current.width) {
iframeRef.current.width = `${calculatedWidth}px`;
}
}
if (!height) {
calculatedHeight = `${iframeRef.current.contentWindow.document.body.scrollHeight}`;
iframeRef.current.height = `${calculatedHeight}px`;
calculatedHeight =
iframeRef.current.contentWindow.document.body.scrollHeight;
if (`${calculatedHeight}` !== iframeRef.current.height) {
iframeRef.current.height = `${calculatedHeight}px`;
}
}
if (
containerRef &&
@@ -85,7 +95,6 @@ const oEmbed: FunctionComponent<Props> = ({
calculatedHeight
);
}
iterations = iterations + 1;
}, 100);
}, [iframeRef, iframeRef.current, containerRef.current, width, height]);