scroll-padding property update

[estelle]

Clarified the definition of the scroll-padding property and its relation to the CSS scroll snap module.

made 3rd example in try this very different from 2nd example

fixes #42183

[github-actions]

Preview URLs (1 page)

• /en-US/docs/Web/CSS/Reference/Properties/scroll-padding

Flaws (6)

Found an unexpected or unresolvable flaw? Please report it here.

URL: /en-US/docs/Web/CSS/Reference/Properties/scroll-padding
Title: scroll-padding
Flaw count: 6

• broken_links:
  • Link /en-US/docs/Web/CSS/length is a redirect
  • Link /en-US/docs/Web/CSS/percentage is a redirect
• macros:
  • Macro cssinfo produces link /en-US/docs/Web/CSS/CSS_cascade/Value_processing which is a redirect
  • Macro cssinfo produces link /en-US/docs/Web/CSS/CSS_cascade/Inheritance which is a redirect
  • Macro cssinfo produces link /en-US/docs/Web/CSS/CSS_cascade/Value_processing which is a redirect
  • Macro cssinfo produces link /en-US/docs/Web/CSS/CSS_animated_properties which is a redirect

(comment last updated: 2026-01-23 15:06:39)

[dipikabh]

Hi @estelle, thanks for taking this up.

The reported issue still exists. The sentence "This allows the author to exclude regions..." right after the "Try it" demo might still suggest that the demo is illustrating this scenario when it's not. Can we move this sentence to a "Description" section or better still, add an example that shows how the property can be used to prevent nav bars, for example, from obscuring content.

[dipikabh]

Thanks, Estelle, this looks good and can be merged. However, since it doesn't address the reported issue, I'd suggest to remove the issue link from the PR description.

[estelle]

Thanks, Estelle, this looks good and can be merged. However, since it doesn't address the reported issue, I'd suggest to remove the issue link from the PR description.

The edit changes the try it demo. The 20% addresses the issue in the issue

[caugner]

(Updated in order to see the review companion comment reflect the flaws with the latest rari version.)

[dipikabh]

Looking much better now. Thank you!