RAC: Multiple focus rings displayed within field Group

[evadecker]

When navigating with a keyboard, focusing on elements like Button within a field Group will cause two focus rings to be shown. Here is an example:

This also happens within the RAC docs for Group although due to the edge-to-edge styling it's less noticeable:

CleanShot.2024-10-23.at.12.48.06.mp4

My expectation would be for only one element to display a focus ring at any given time.

Two questions:

1. Is this intended behavior within RAC?
2. If yes, is there a workaround for Group to enforce displaying a single focus ring at a time?

[snowystinger]

Can you do it by tracking if the button inside has focus? then you can turn off the outer one? The Group only knows that focus is inside of itself, it isn't aware of the kinds of elements in it or if there are multiple focusable elements

It may be helpful to provide a codesandbox demonstrating how you're styling this.

[evadecker]

Was able to resolve the issue by doing that. See namesakefyi/namesake#455