Open extra808 opened 2 years ago
Confirming this is still in place in WP6.3 and FF 116.0.2
I see the outline in WP 6.4.2 and FF 116.0.03 When the cover has focus it has the .is-selected class so the following selector works: .block-editor-block-listlayout.is-navigate-mode .block-editor-block-listblock.is-selected::after There's CSS to apply a consistent border around selected blocks.
Should this also work for :focus in the case where the editor somehow doesn't apply the class? I think maybe not.
@colinduwe I wasn't reporting an issue with the block as presented in the Block Editor, I was reporting an issue with the block once it's published.
Description
Firefox includes
<video>
elements in the focus order (other browsers only include video controls, if present, in the focus order). The cover block's styling removesoutline
style from the element, preventing the browser's default focus outline from appearing.Removing the
outline
property from the CSS rule would allow the browser to use it's default focus outline. However, in some layouts an outline outside the<video>
element could be obscured; addingoutline-offset: -2px;
would position the outline over the element.Step-by-step reproduction instructions
<video>
element was focused.Screenshots, screen recording, code snippet
Environment info
Please confirm that you have searched existing issues in the repo.
Yes
Please confirm that you have tested with all plugins deactivated except Gutenberg.
No