focus-ring is not displayed on a button applied shadow class

[SAITOU Keita]

Prerequisites

• I have searched for duplicate or closed issues
• I have validated any HTML to avoid common problems
• I have read the contributing guidelines

Describe the issue

Applying the shadow class to a button prevents the display of the focus-ring.
Using the test case code and accessing the HTML in a browser, attempt to focus on the button using the keyboard's Tab key.

expected

actual

Reduced test cases

<button class="btn btn-primary shadow">Button</button>

What operating system(s) are you seeing the problem on?

Windows

What browser(s) are you seeing the problem on?

Chrome, Firefox

What version of Bootstrap are you using?

v5.3.2, main(commit 4e35f64)

[Mark Otto]

Yeah, our focus outlines are built with box-shadow so you're overriding them with a utility. Modify the button CSS variable, or use a wrapper element (less ideal).

[SAITOU Keita]

Thanks to reply.
I will remove shadow class from button element of my application.