Aside Bar Overflows

[NusryNizam]

MDN URL

https://developer.mozilla.org/en-US/docs/Web/API/Screen_Capture_API

What specific section or headline is this issue about?

The 'Aside' bar overflows to the content

What information was incorrect, unhelpful, or incomplete?

The aside bar is overflowing to the content

What did you expect to see?

Maybe horizontal scolling with setting overflow property to scroll.

Do you have any supporting links, references, or citations?

No response

Do you have anything more you want to share?

No response

MDN metadata

Page report details

• Folder: en-us/web/api/screen_capture_api
• MDN URL: https://developer.mozilla.org/en-US/docs/Web/API/Screen_Capture_API
• GitHub URL: https://github.com/mdn/content/blob/main/files/en-us/web/api/screen_capture_api/index.md
• Last commit: mdn/content@6b1e3ee
• Document last modified: 2023-03-12T09:29:44.000Z

[ChrisDoufu]

Besides, the vertical scrollbar in the Aside Bar disappears. See here (last commit: e778f75).

[NusryNizam]

@ChrisDoufu I tried adding overflow:auto on the <aside> tag in DevTools. It fixes both the issues.

Sorry, I edited my potential fix. It shouldn't have said 'hidden'.

[caugner]

@NusryNizam I'm unable to reproduce the issue. What browser/version/operating system are you using?

[NusryNizam]

@caugner I just checked now, it's working fine. I'm not sure why this happened earlier. (I'm using Firefox 111.0.1 (64-bit) on Ubuntu 22.10).
I'll close this issue btw.

[caugner]

Maybe the same cause as #8494, which was fixed in the mean-time.

Thanks for checking! 🙌