telerik / kendo-angular

Issue tracker - Kendo UI for Angular
http://www.telerik.com/kendo-angular-ui/
Other
466 stars 215 forks source link

[ContextMenu] Text selection is losing focus after context menu is shown in Firefox and Safari #4368

Closed yanmariomenev closed 1 month ago

yanmariomenev commented 1 month ago

Describe the bug When selecting a text and opening the context menu using the mouse right click it deselects the text and opens the context menu. This behavior is not present in Chrome, but it is affecting Firefox and Safari.

Original bug report - https://feedback.telerik.com/kendo-angular-ui/1658214-text-selection-is-losing-focus-after-context-menu-is-shown-at-firefox

To Reproduce Open - https://stackblitz.com/edit/angular-udag3v-vplbgm?file=src%2Fapp%2Fapp.component.ts,src%2Fapp%2Fcontextmenu-items.ts Select some text and perform a right-click action to open the context menu. The text will be deselected.

Expected behavior Text to stay selected like Kendo React CotextMenu: https://www.telerik.com/kendo-react-ui/components/layout/menu/context-menu/

Browser

tswetti commented 1 month ago

The ContextMenu’s popup is focused after being opened to allow the user to navigate its items using the keyboard. In Firefox, the selection is cleared when another element is focused: https://stackblitz.com/edit/vitejs-vite-5zonws?file=index.html While this behaviour is browser-specific and not directly related to the Kendo ContextMenu, the selection can be preserved using the following workaround: https://stackblitz.com/edit/angular-udag3v-zxar2k?file=src%2Fapp%2Fapp.component.ts