Default Outline is shown for DropDownButton in Chromium (user-agent styles)

[NickIliev]

Describe the bug

There is a new user-agent style that adds a default outline on DropDownButton through the focus-visible pseudo-state. As a result, the outline must be explicitly overwritten by users to avoid styling inconsistencies.

The issue is reproducible while using the current versions of Google Chrome (ver 134) and is not reproducible with non-Chromium browsers like Safari.

To reproduce
Steps to reproduce the behavior:

1. Open the default KendoReact demo for DropDownButton from https://www.telerik.com/kendo-react-ui/components/buttons/dropdownbutton and load the StackBlitz demo app:
   https://stackblitz.com/edit/react-uy3qpq6w?file=index.html

2. Comment or remove the native Bootstrap theme (it probably adds a "reset" for that specific outline)

Observe the outline effect around the animation containers and the menu-popup wrappers

Expected behavior
The Kendo themes to explicitly remove the default outline triggered from focus-visible (as done in the native Bootstrap theme)

Affected package (please remove the unneeded items)

• theme-default
• theme-bootstrap
• theme-material
• theme-tasks

Affected suites (please remove the unneeded items)

• Kendo UI for React

Affected browsers (please remove the unneeded items)

• Chrome version: 134.x

Build system information (please remove the unneeded items)

• OS: Windows & macOS

Additional context
Reported through ThemeBuilder and t.1682434