Skip to content

Adds details on property inheritance #1192

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

Open
diekus wants to merge 3 commits into
base: main
Choose a base branch
from
Open

Adds details on property inheritance #1192

Changes from 2 commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
8d7d71e
Update explainer.md
diekus Nov 24, 2025
e8aab24
Adds naming question
diekus Nov 24, 2025
4bffc61
Update explainer.md
diekus Dec 2, 2025
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
7 changes: 7 additions & 0 deletions Draggable/explainer.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -118,6 +118,10 @@ The (Generic Beautiful) button has the `app-region` set to `drag`. This button c

> Note: This is just an example to test the _current_ behaviour on elements that have animations. The `app-region` is generally used on emulated titlebars or other UX designed to let the end user move the window around.

### Inheritance

The property inherits and both `drag` and `no-drag` transfer to child elements. In either case, child elements can override it but setting the value of the property to an alternate value.
Copy link
Contributor

@mhochk mhochk Nov 30, 2025

Choose a reason for hiding this comment

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

Suggested change
The property inherits and both `drag` and `no-drag` transfer to child elements. In either case, child elements can override it but setting the value of the property to an alternate value.
The property inherits and both `drag` and `no-drag` transfer to child elements. In either case, child elements can override it by setting the value of the property to an alternate value.


### `app-region` and pointer events

Current implementations of `app-region` **consume all pointer events**, even if they don't result in a drag. Interactive elements inside an area defined with `app-region: drag` will require a `app-region: no-drag` to be interacted with.
Expand Down Expand Up @@ -158,6 +162,9 @@ Note that there is [positive](https://github.com/w3c/csswg-drafts/issues/7017#is
## Accessibility, Privacy, and Security Considerations
There are no considerations at this time.

## Open Questions
The name `app-region` is not representative of the property's purpose. A new name would be in order to better represent the capability (`drag-area`?, `drag-point`?, `drag-behavior`?). See this [issue](https://github.com/w3c/csswg-drafts/issues/13102) to contribute to the discussion.

## References & acknowledgements

This work aknowledges and thanks the following individuals for their contributions:
Expand Down