Table makes page overflow on the right

[Ascor8522]

Here we go again,

Same problem than Issue#42

On a small screen, when there is a WikiTable (table) in the page, it sometimes overflows on the right side, leaving a huge scrollable blank space.

See below (Google Chrome mobile device emulator) Taken from FlashPlayer/bugs on Fr Scratch Wiki.

Could be solved by setting table as flex when on mobile. Just one line of CSS is needed and it works...

table {
display: flex;
}

[Kenny2github]

display: flex does this: And this is not an issue I intend to fix. Tables sometimes even overflow on desktop! There is no good fix for it. Only solution is to allow scrolling of the content box itself, which I have already done. Closing as wontfix.

[Ascor8522]

Oh, forgot to mention,

you also have to add

overflow-x: scroll;

and it looks good ;)

[Ascor8522]

Same for ScratchBlocks,

Fixed with

code .blocks {
    overflow-x: scroll;
    display: flex;
}

[Kenny2github]

Neither are truly "fixed", it only pushes the problem to somewhere else. This really isn't worth fixing.