Fix Chromium showing scrollbar on embedded posts (#33237)

This commit is contained in:
Claire 2024-12-10 14:02:17 +01:00 committed by GitHub
parent 801cd731be
commit 58c5068bda
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 5 additions and 7 deletions

View file

@ -60,6 +60,10 @@ window.addEventListener('message', (e) => {
const data = e.data; const data = e.data;
// Only set overflow to `hidden` once we got the expected `message` so the post can still be scrolled if
// embedded without parent Javascript support
document.body.style.overflow = 'hidden';
// We use a timeout to allow for the React page to render before calculating the height // We use a timeout to allow for the React page to render before calculating the height
afterInitialRender(() => { afterInitialRender(() => {
window.parent.postMessage( window.parent.postMessage(

View file

@ -107,13 +107,7 @@ body {
&.embed { &.embed {
margin: 0; margin: 0;
padding-bottom: 0; padding-bottom: 0;
overflow: hidden;
.container {
position: absolute;
width: 100%;
height: 100%;
overflow: hidden;
}
} }
&.admin { &.admin {