Editable Text :focus-within test

This page contains various editables and demonstrates a proposal for only drawing a focus ring when the keyboard is being used. Navigate through the interactive elements in various ways (using mouse, switch to keyboard, try it on a touch device). You should see a focus indicator on the element's parents whether you interact with them via keyboard or mouse.

Editable text :focus-within

Contenteditable explicitly set to true
Contenteditable
Contenteditable with textbox role