[Bug]: event handlers should be bind properly for Shadow DOM [v9]

### Library

React Components / v9 (@fluentui/react-components)

### System Info

```shell
N/A
```


### Are you reporting Accessibility issue?

no

### Reproduction

N/A

### Bug Description

For context #27759 & https://github.com/microsoft/fluentui/issues/27762#issuecomment-1534836830.

We have currently `FluentProvider` & `targetDocument` that are our SSOT to bind event handlers in multiple areas:

https://github.com/microsoft/fluentui/blob/d17c31e1db55d341da9f80e953563887cbd5c287/packages/react-components/react-tooltip/src/components/Tooltip/useTooltip.tsx#L134-L138

https://github.com/microsoft/fluentui/blob/d17c31e1db55d341da9f80e953563887cbd5c287/packages/react-components/react-utilities/src/hooks/useOnClickOutside.ts#L76-L78

https://github.com/microsoft/fluentui/blob/d17c31e1db55d341da9f80e953563887cbd5c287/packages/react-components/react-tree/src/components/TreeItem/useTreeItem.tsx#L172-L175

Based on what will be passed to `targetDocument` (and what decision will be there) we need to decide how to handle these cases.

### Logs

```shell
N/A
```


### Requested priority

High

### Products/sites affected

_No response_

### Are you willing to submit a PR to fix?

no

### Validations

- [X] Check that there isn't already an issue that reports the same bug to avoid creating a duplicate.
- [X] The provided reproduction is a minimal reproducible example of the bug.

	targetDocument?.addEventListener('keydown', onDocumentKeyDown, {
	// As this event is added at targeted document,
	// we need to capture the event to be sure keydown handling from tooltip happens first
	capture: true,
	});

	targetDocument?.addEventListener('focusout', handleFocusOut, { passive: true });
	return () => {
	targetDocument?.removeEventListener('focusout', handleFocusOut);
	};

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

[Bug]: event handlers should be bind properly for Shadow DOM [v9] #27763

Library

System Info

Are you reporting Accessibility issue?

Reproduction

Bug Description

Logs

Requested priority

Products/sites affected

Are you willing to submit a PR to fix?

Validations

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

	element?.addEventListener('click', conditionalHandler, true);
	element?.addEventListener('touchstart', conditionalHandler, true);
	element?.addEventListener('contextmenu', conditionalHandler, true);

[Bug]: event handlers should be bind properly for Shadow DOM [v9] #27763

Description

Library

System Info

Are you reporting Accessibility issue?

Reproduction

Bug Description

Logs

Requested priority

Products/sites affected

Are you willing to submit a PR to fix?

Validations

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions