Having Overflow and visibility issue on MDN Playground

[caugner]

Discussed in https://github.com/mdn/yari/discussions/11989

^{Originally posted by afajansari October 21, 2024}

Hi Community Members,

I started using MDN Playground since start of this year. Most of the time for learning new things on the web technologies .
From some day earlier I suddenly facing issue to MDN Playground overflowing editor box and editor content visibilty.

Can anyone help me on this. is someone facing same. Or is it due to some extensions in chrome?

Regards,
Mohammad Afaj Ansari

[argl]

@afajansari I just checked in Chrome 125, but I cannot reproduce the issue.

• Can you share a playground where this probem shows?
• Can you please give some more information about your environment (OS, browser version)
• Can you check with extensions off or in a new private browser window?

Thank you!

[afajansari]

@argl I disable all the extensions, still getting same issue also hard refresh even in incognito

Regards

[afajansari]

As I debug getting height issue due to calculation var values in .editor class is taking 100% height as equal to summary tag of .editor-container class has display flex.
.editor class is not flex-grow to not taking 100% of it's parent.

May be issue with current browser version.

[afajansari]

Getting same issue in freshly installed chrome canary.
What I thought it is browser specific.

[mirunacurtean]

@argl I managed to reproduce using a similar code example in Chrome Dev (v 132). It does not occur on Chrome beta (v 130).
It happens with other examples as well, but I used this one since it was longer and it was easier to notice the footer overlap.

Code example.txt

Playground.overflow.in.Chrome.DEV.mov

[argl]

This seem sto be a chrome canary / dev problem, i.e. a beta version of chrome. We did not reproduce it on official released versions. So I suggest to wait a bit, most probably this will solve itself.

[caugner]

This seems to be a chrome canary / dev problem, i.e. a beta version of chrome

To avoid confusion: This affects Chrome Dev, the preview version of Chrome, not the beta version.