canisoon

:focus-within CSS pseudo-class

94.68

CSS

The `:focus-within` pseudo-class matches elements that either themselves match `:focus` or that have descendants which match `:focus`.

Further reading:

  1. Can I use page for: :focus-within CSS pseudo-class
  2. The Future Generation of CSS Selectors: Level 4: Generalized Input Focus Pseudo-class
  3. ally.style.focusWithin Polyfill, part of ally.js
  4. Microsoft Edge feature request on UserVoice
  5. WebKit bug #140144: Add support for CSS4 `:focus-within` pseudo
  6. Chromium issue #617371: Implement `:focus-within` pseudo-class from Selectors Level 4
  7. Mozilla bug #1176997: Add support for pseudo class `:focus-within`
  8. JS Bin testcase
  9. MDN Web Docs - :focus-within