Skip to content

Chrome has overflow issues with some position-area values #27573

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom
Merged
merged 6 commits into from
Aug 14, 2025
Merged

Chrome has overflow issues with some position-area values #27573

merged 6 commits into from
Aug 14, 2025
+72 −24

Conversation

jakearchibald
Copy link
Contributor

@jakearchibald jakearchibald commented Aug 13, 2025 •
edited
Loading

Summary

position-area in Chrome has a fundamental bug where the content of the element overflows the viewport, obscuring content. It's important to work around this.

Test results and supporting details

https://issues.chromium.org/issues/438334710

@github-actions github-actions bot added data:api Compat data for Web APIs. https://developer.mozilla.org/docs/Web/API data:css Compat data for CSS features. https://developer.mozilla.org/docs/Web/CSS size:l [PR only] 101-1000 LoC changed labels Aug 13, 2025
@jakearchibald
Copy link
Contributor Author

@bfgeek @tabatkins given that this bug impacts most usage of this feature, it seems reasonable to mark it as partial_implementation.

@caugner caugner self-requested a review August 13, 2025 09:52
@github-actions github-actions bot removed the data:api Compat data for Web APIs. https://developer.mozilla.org/docs/Web/API label Aug 13, 2025
@caugner caugner changed the title position-area: Document Chrome issue Chrome allows overflows with some position-area values Aug 13, 2025
@caugner caugner requested a review from ddbeck August 13, 2025 12:41
@caugner
Copy link
Contributor

caugner commented Aug 13, 2025

@ddbeck Do you have any concerns with marking those position-area values as partially implemented in Chrome that allow unexpected overflows? The behavior is specified in the note in this section.

Alternatives considered were marking position-area altogether as partial (which doesn't seem to be justified), or introducing a behavioral subfeature (which wouldn't align with the proposed guidelines).

ddbeck
ddbeck approved these changes Aug 13, 2025
View reviewed changes
Copy link
Contributor

@ddbeck ddbeck left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Not an expert in this feature, but this seems like a reasonable partial to me. I didn't count these up—do they apply to every single-value use of the property or some but not all values as single values? If it's only specific values, then I like that it's specifically targeted to the affected values and not the property in general.

I have a couple of suggestions for the notes—which I hope you'll consider despite the implied hassle of applying them to all of the notes—but I'll mark approved anyway.

@github-actions GitHub Actions
Copy link
Contributor

github-actions bot commented Aug 13, 2025 •
edited
Loading

Tip: Review these changes grouped by change (recommended for most PRs), or grouped by feature (for large PRs).

@jakearchibald
Copy link
Contributor Author

@ddbeck

do they apply to every single-value use of the property or some but not all values as single values? If it's only specific values, then I like that it's specifically targeted to the affected values and not the property in general.

Yeah, it's only specific single values. Although e.g top span-all will also trigger the issue. I'll update the notes for this.

@github-actions github-actions bot added size:m [PR only] 25-100 LoC changed and removed size:l [PR only] 101-1000 LoC changed labels Aug 14, 2025
@jakearchibald
Copy link
Contributor Author

I'm happy for this to land when others are.

@caugner caugner changed the title Chrome allows overflows with some position-area values Chrome has overflow issues with some position-area values Aug 14, 2025
@caugner caugner merged commit dc326a3 into mdn:main Aug 14, 2025
6 checks passed
@jakearchibald jakearchibald deleted the position-area-issues branch August 14, 2025 16:44
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Reviewers

@ddbeck ddbeck ddbeck approved these changes

@caugner caugner caugner approved these changes

Assignees
No one assigned
Labels
data:css Compat data for CSS features. https://developer.mozilla.org/docs/Web/CSS size:m [PR only] 25-100 LoC changed
Projects
None yet
Milestone
No milestone
Development

Successfully merging this pull request may close these issues.
3 participants
@jakearchibald @caugner @ddbeck