[invokers] - how to style invoking element based on Invoker state?
Nobody has claimed this yet.
- Dominant language
- MDX
- Stars
- 4.5k
- Forks
- 226
- Avg merge
- 2d 22h
- Merged PRs (30d)
- 4
Description
As per the discussion on https://github.com/openui/open-ui/issues/610 we briefly discussed how there is not presently a way to style the invoking element of a popup based on the current state.
Presently, if building something like this with HTML / ARIA today, one could use <button aria-expanded=true|false> and use the ARIA attribute as the hook. It seems this is something the invoking element for a popup should/could support (whether an attribute needs to be reflected in the DOM, or a pseudo class (:expanded and :collapsed to match current ARIA conventions? :opened and :closed), or other e.g., .indeterminate for checkboxes in HTML. Not implying preference on any of those, merely listing the ways to do this that quickly come to mind.
cc @mfreed7
Contributor guide
First steps
- Read the whole issue, then the project's contributing guide.
- Comment on the issue to say you are picking it up — it saves two people doing the same work.
- Fork the repository and make your change on a branch.
- Open a pull request that references the issue number.
Research direction
Start with the discussion in issue #610 and the invoker-state question described here. Determine the agreed styling mechanism, its scope, and clear completion criteria before attempting implementation.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- css, html
- Domain
- accessibility, frontend
- Issue type
- Feature
- Difficulty
- 5/5
- Estimated time
- Over a week
- Activity status
- Stale
- Clarity
- Needs clarification
- Newbie friendliness
- 25/100