Skip to content

[css-conditional-5] Add inline/block/x/y values to overflowing scroll-state query? #11183

Closed

Description

@fantasai

The overflowing scroll-state query has the values none | top | right | bottom | left | block-start | inline-start | block-end | inline-end , which indicate each of the sides of the box. But sometimes people want to know about an axis, not one side of it specifically.

Would it make sense to add x/y/inline/block values to this query as well? They would be true if there is scrollable overflow in either direction along the named axis.

Activity

  1. tabatkins commented on Nov 13, 2024

    @tabatkins
    Member

    Yeah, I think this makes sense as a shorthand for having to write overflowing(left) or overflowing(right)

  2. yisibl commented on Nov 13, 2024

    @yisibl
    Contributor

    Yes, that makes perfect sense. I've found in my practice that many times I want to know if there are horizontal or vertical scrollbars.

  3. lilles commented on Nov 20, 2024

    @lilles
    Member

    Proposed async resolution: add inline/block/x/y values to scrollable scroll-state() query

  4. astearns commented on Nov 20, 2024

    @astearns
    Member

    The CSSWG will automatically accept this resolution one week from now if no objections are raised here. Anyone can add an emoji to this comment to express support. If you do not support this resolution, please add a new comment.

    Proposed Resolution: add inline/block/x/y values to scrollable scroll-state() query

  5. added a commit that references this issue on Nov 21, 2024
  6. added 2 commits that reference this issue on Nov 21, 2024
  7. astearns commented on Nov 28, 2024

    @astearns
    Member

    RESOLVED: add inline/block/x/y values to scrollable scroll-state() query

  8. added a commit that references this issue on Nov 28, 2024
  9. added a commit that references this issue on Sep 16, 2025
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Metadata

Metadata

Assignees

No one assigned

    Type

    No type

    Projects

    No projects

      Milestone

      No milestone

      Relationships

      None yet

      Development

      No branches or pull requests

      Issue actions