User card huge avatar outline appears on plugins and components

keegan · October 18, 2022, 6:16pm

Thanks @Don, this should now be resolved

github.com/discourse/discourse

FIX: User card focus state appearing on click

discourse:main ← discourse:a11y-fix-user-card-focus

opened 06:05PM - 18 Oct 22 UTC

keegangeorge

+1 -1

This PR fixes an issue that was brought up on [Meta](https://meta.discourse.org/…t/user-card-huge-avatar-outline-appears-on-plugins-and-components/240454/4) where a focus ring appears on the user card (for themes/plugins) when clicking. This PR ensures the focus ring only appears when the user card is selected via <kbd>Tab</kbd> only rather than by click. **After clicking on avatar:** |Before|After| |---|--- |<img width="707" alt="Screen Shot 2022-10-18 at 11 03 47 AM" src="https://user-images.githubusercontent.com/30090424/196509502-69c8b086-8b76-4267-ae5c-14fa5e2c065c.png">|<img width="706" alt="Screen Shot 2022-10-18 at 11 03 40 AM" src="https://user-images.githubusercontent.com/30090424/196509591-183cfb91-1729-4d41-8535-8b890e74da30.png">|

Topic		Replies	Views
User card out of alignment bug search-banner	5	130	August 2, 2023
New user cards and user profile page design deployed feature	63	8156	July 3, 2015
Set focus on usercard when activated by keyboard feature keyboard , usercard	14	2100	November 10, 2014
Custom User fields on Usercard feature usercard	25	10793	May 12, 2016
Discourse Topic Cards theme-component official , topic-cards	28	1602	May 19, 2024

User card huge avatar outline appears on plugins and components

Related Topics