1741798 - Firefox not adding padding-right when pre code blocks has horizontal scroll

Status: RESOLVED DUPLICATE of bug 372498

(Core :: Layout: Scrolling and Overflow, defect)

Description

[kronberg]

Attachment: 112118600-d2b32380-8bbc-11eb-9f4c-9e812fdfbdfa.png

User Agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:94.0) Gecko/20100101 Firefox/94.0

Steps to reproduce:

Looking at code examples that use a PRE CODE element on popular web sites the right side has no padding when horizontal scrollbar has appeared and been used.

Actual results:

There is no padding-right.

GitHub Markdown rendering of code blocks have this problem for example...

Example links, make a narrower view port and look at horizontally scrollable code blocks:

https://github.com/tailwindlabs/tailwindcss-typography/blob/master/README.md

https://tailwindcss.com/docs/adding-base-styles

https://krompaco.nu/2021/02/please-do-this-with-your-swagger-enabled-web-apis/

Expected results:

Both Chrome and Edge displays it as intended with the correct padding.

Comment 1

[kronberg]

The issue is may be wider than just affecting PRE elements but that's where I've typically noticed it and where this type of overflow is usually wanted and used.

Comment 2

[BugBot [:suhaib / :marco]]

The Bugbug bot thinks this bug should belong to the 'Core::Layout: Scrolling and Overflow' component, and is moving the bug to that component. Please revert this change in case you think the bot is wrong.

Comment 3

[BugBot [:suhaib / :marco]]

The severity field is not set for this bug.
:jwatt, could you have a look please?

For more information, please visit auto_nag documentation.

Comment 4

[Hiroyuki Ikezoe (:hiro)]

Looks like a dup of bug 372498.