mdn
Having Overflow and visibility issue on MDN Playground
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
@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!
@argl I disable all the extensions, still getting same issue also hard refresh even in incognito
Regards
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.
Getting same issue in freshly installed chrome canary. What I thought it is browser specific.
@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.
https://github.com/user-attachments/assets/600ac087-c43a-4879-9b92-a4d6c70dcc74
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.
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.