feat(attachmentBehavior): add "data-is-focusable" for attachment (#1445)

* feat(attachmentBehavior): add "data-is-focusable" for attachment behavior

* update changelog

* Update packages/react/src/lib/accessibility/Behaviors/Attachment/attachmentBehavior.ts

Co-Authored-By: Oleksandr Fediashov <[email protected]>

* small improvement

* Update CHANGELOG.md

Author: sophieH29

CHANGELOG.md

@@ -17,6 +17,9 @@ This project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.htm
 
 ## [Unreleased]
 
+### Features
+- Add 'data-is-focusable' attribute to `attachmentBehavior` @sophieH29 ([#1445](https://github.com/stardust-ui/react/pull/1445))
+
 ### BREAKING CHANGES
 - Rename `toolbarBehavior` to `menuAsToolbarBehavior` and `toolbarButtonBehavior` to `menuItemAsToolbarButtonBehavior` ([#1393](https://github.com/stardust-ui/react/pull/1393))
 - Rename types related to accessibility ([#1421](https://github.com/stardust-ui/react/pull/1421))

packages/react/src/lib/accessibility/Behaviors/Attachment/attachmentBehavior.ts

@@ -1,5 +1,6 @@
 import { Accessibility } from '../../types'
 import * as keyboardKey from 'keyboard-key'
+import { IS_FOCUSABLE_ATTRIBUTE } from '../../FocusZone/focusUtilities'
 
 /**
  * @specification
@@ -10,6 +11,7 @@ const attachmentBehavior: Accessibility = (props: any) => ({
   attributes: {
     root: {
       tabIndex: 0,
+      [IS_FOCUSABLE_ATTRIBUTE]: true,
     },
   },
   keyActions: {