[pull] master from microsoft:master

apps/vr-tests-web-components/package.json

@@ -18,7 +18,7 @@
     "html-react-parser": "4.0.0",
     "@fluentui/tokens": ">=1.0.0-alpha",
     "@fluentui/web-components": ">=3.0.0-alpha",
-    "@microsoft/fast-element": "2.0.0",
+    "@microsoft/fast-element": "^2.0.0",
     "tslib": "^2.1.0"
   }
 }

change/@fluentui-chart-web-components-efc149c5-3d43-4300-a413-b3d9048e2248.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "fix: update fast-element dependency version",
+  "packageName": "@fluentui/chart-web-components",
+  "email": "863023+radium-v@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}

change/@fluentui-react-headless-components-preview-812588d9-6ce9-49cb-b704-046cb6f998ff.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "fix(headless): fix Popover flipping behavior",
+  "packageName": "@fluentui/react-headless-components-preview",
+  "email": "vgenaev@gmail.com",
+  "dependentChangeType": "patch"
+}

change/@fluentui-web-components-38caae0f-3c50-46f0-b0c2-bb87de96d641.json

@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "fix: remove hoisted peer dependency entries",
+  "packageName": "@fluentui/web-components",
+  "email": "863023+radium-v@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}

change/@fluentui-web-components-669e37a5-2c7c-4b19-95d4-8b070c6d72f7.json

@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "fix: enhance accessibility attributes for drawer component",
+  "packageName": "@fluentui/web-components",
+  "email": "863023+radium-v@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}

change/@fluentui-web-components-80c47489-fa3b-4929-8f16-f8ff8d79b89f.json

@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "fix keyboard navigation regressions for tree and menu-list",
+  "packageName": "@fluentui/web-components",
+  "email": "machi@microsoft.com",
+  "dependentChangeType": "patch"
+}

change/@fluentui-web-components-962383bb-b75c-46a4-bc98-038f6dd7f558.json

@@ -0,0 +1,7 @@
+{
+  "type": "none",
+  "comment": "test: add tests for compound-button, dialog-body, drawer-body, menu-button, and menu-item components",
+  "packageName": "@fluentui/web-components",
+  "email": "863023+radium-v@users.noreply.github.com",
+  "dependentChangeType": "none"
+}

change/@fluentui-web-components-bc13b7de-bb06-4180-a517-c64ffe612490.json

@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "fix: synchronize compound-button template with button template",
+  "packageName": "@fluentui/web-components",
+  "email": "863023+radium-v@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}

change/@fluentui-web-components-c28cec00-7029-4430-8cf5-17143006a866.json

@@ -0,0 +1,7 @@
+{
+  "type": "prerelease",
+  "comment": "fix: enhance accessibility attributes for dialog component",
+  "packageName": "@fluentui/web-components",
+  "email": "863023+radium-v@users.noreply.github.com",
+  "dependentChangeType": "patch"
+}

package.json

@@ -71,6 +71,7 @@
     "@microsoft/api-extractor": "7.51.0",
     "@microsoft/api-extractor-model": "7.31.2",
     "@microsoft/eslint-plugin-sdl": "1.0.1",
+    "@microsoft/fast-element": "2.10.4",
     "@microsoft/focusgroup-polyfill": "^1.4.1",
     "@microsoft/load-themed-styles": "1.10.26",
     "@microsoft/loader-load-themed-styles": "2.0.17",
@@ -86,7 +87,7 @@
     "@octokit/rest": "18.12.0",
     "@oddbird/css-anchor-positioning": "0.4.0",
     "@phenomnomnominal/tsquery": "6.1.3",
-    "@playwright/test": "1.55.1",
+    "@playwright/test": "1.56.1",
     "@react-native/babel-preset": "0.73.21",
     "@rnx-kit/eslint-plugin": "0.8.6",
     "@rollup/plugin-node-resolve": "13.3.0",
@@ -256,7 +257,7 @@
     "parse-diff": "0.7.1",
     "patch-package": "8.0.0",
     "path-browserify": "1.0.1",
-    "playwright": "1.55.1",
+    "playwright": "1.56.1",
     "plop": "2.6.0",
     "portfinder": "1.0.28",
     "postcss": "8.5.10",
@@ -354,7 +355,7 @@
     "prettier": "2.8.8",
     "puppeteer": "24.42.0",
     "ws": "8.17.1",
-    "playwright": "1.55.1",
+    "playwright": "1.56.1",
     "**/prismjs": "^1.30.0",
     "**/@tensile-perf/runner/express": "^4.22.1",
     "**/tar-fs": "^2.1.4",

packages/charts/chart-web-components/package.json

@@ -61,7 +61,6 @@
     "test:dev": "node ./scripts/e2e.js"
   },
   "devDependencies": {
-    "@microsoft/fast-element": "2.0.0",
     "@tensile-perf/web-components": "~0.2.2",
     "@storybook/html": "9.1.17",
     "@storybook/html-vite": "9.1.17",
@@ -79,7 +78,7 @@
     "tslib": "^2.1.0"
   },
   "peerDependencies": {
-    "@microsoft/fast-element": "^2.0.0-beta.26 || ^2.0.0"
+    "@microsoft/fast-element": "^2.0.0"
   },
   "beachball": {
     "disallowedChangeTypes": [

packages/react-components/react-headless-components-preview/library/src/hooks/usePositioning/usePositioning.test.tsx

@@ -54,18 +54,18 @@ describe('usePositioning', () => {
       result.current.containerRef(node);
     });
 
-    expect(node).toHaveStyle({ position: 'absolute', inset: 'auto', margin: '0px' });
+    expect(node).toHaveStyle({ position: 'fixed', inset: 'auto', margin: '0px' });
   });
 
-  it('containerRef honors strategy: "fixed"', () => {
-    const result = mountHook({ strategy: 'fixed' });
+  it('containerRef honors strategy: "absolute"', () => {
+    const result = mountHook({ strategy: 'absolute' });
     const node = document.createElement('div');
 
     act(() => {
       result.current.containerRef(node);
     });
 
-    expect(node).toHaveStyle({ position: 'fixed' });
+    expect(node).toHaveStyle({ position: 'absolute' });
   });
 
   it('containerRef writes data-placement matching (position, align)', () => {
@@ -79,7 +79,7 @@ describe('usePositioning', () => {
     expect(node).toHaveAttribute('data-placement', 'below-start');
   });
 
-  it('containerRef sets position-try-fallbacks to the three-try flip chain by default', () => {
+  it('containerRef sets position-try-fallbacks to the default flip chain', () => {
     const result = mountHook();
     const node = document.createElement('div');
 

packages/react-components/react-headless-components-preview/library/src/hooks/usePositioning/usePositioning.ts

@@ -17,6 +17,7 @@ import { usePlacementObserver } from './usePlacementObserver';
 export type TargetElement = HTMLElement | PositioningVirtualElement;
 
 const DEFAULT_FLIP = ['flip-block', 'flip-inline', 'flip-block flip-inline'];
+
 const EMPTY_FALLBACK_POSITIONS: PositioningShorthandValue[] = [];
 
 export function usePositioning(options: PositioningProps): PositioningReturn {
@@ -28,7 +29,7 @@ export function usePositioning(options: PositioningProps): PositioningReturn {
     fallbackPositions = EMPTY_FALLBACK_POSITIONS,
     offset,
     coverTarget = false,
-    strategy = 'absolute',
+    strategy = 'fixed',
     matchTargetSize,
     positioningRef,
   } = options;

packages/react-components/react-headless-components-preview/stories/src/Concepts/Positioning/PositioningMatchTargetSize.stories.tsx

@@ -6,7 +6,7 @@ import styles from './positioning.module.css';
 
 export const MatchTargetSize = (): React.ReactNode => (
   <div className={styles.column}>
-    <Popover open positioning={{ matchTargetSize: 'width' }}>
+    <Popover defaultOpen positioning={{ matchTargetSize: 'width' }}>
       <PopoverTrigger>
         <button className={`${styles.trigger} ${styles.triggerWide}`}>Click me</button>
       </PopoverTrigger>

packages/web-components/docs/web-components.api.md

@@ -2514,18 +2514,24 @@ export class Dialog extends FASTElement {
     ariaLabel: string | null;
     ariaLabelledby?: string;
     clickHandler(event: Event): boolean;
-    dialog: HTMLDialogElement;
     // (undocumented)
-    protected dialogChanged(): void;
-    emitBeforeToggle: () => void;
+    connectedCallback(): void;
+    dialog: HTMLDialogElement;
+    // @internal
+    get dialogDescribedby(): string | undefined;
+    // @internal
+    get dialogLabel(): string | null | undefined;
+    // @internal
+    get dialogLabelledby(): string | undefined;
+    // @internal
+    get dialogModal(): boolean | undefined;
+    // @internal
+    get dialogRole(): string | undefined;
+    emitBeforeToggle(): void;
     emitToggle: () => void;
     hide(): void;
     show(): void;
     type: DialogType;
-    // (undocumented)
-    protected typeChanged(prev: DialogType | undefined, next: DialogType): void;
-    // @internal
-    protected updateDialogAttributes(): void;
 }
 
 // @public
@@ -2644,27 +2650,29 @@ export class Drawer extends FASTElement {
     cancelHandler(): void;
     // (undocumented)
     clickHandler(event: Event): boolean;
-    // @internal (undocumented)
+    // (undocumented)
     connectedCallback(): void;
     dialog: HTMLDialogElement;
-    // @internal (undocumented)
-    disconnectedCallback(): void;
+    // @internal
+    get dialogDescribedby(): string | undefined;
+    // @internal
+    get dialogLabel(): string | null | undefined;
+    // @internal
+    get dialogLabelledby(): string | undefined;
+    // @internal
+    get dialogModal(): boolean | undefined;
+    // @internal
+    get dialogRole(): string | null;
     emitBeforeToggle: () => void;
     emitToggle: () => void;
     hide(): void;
-    // (undocumented)
-    protected observeRoleAttr(): void;
     position: DrawerPosition;
     // (undocumented)
-    protected roleAttrObserver: MutationObserver;
+    role: string | null;
     show(): void;
     // (undocumented)
     size: DrawerSize;
     type: DrawerType;
-    // (undocumented)
-    protected typeChanged(): void;
-    // (undocumented)
-    protected updateDialogRole(): void;
 }
 
 // Warning: (ae-missing-release-tag) "DrawerBody" is part of the package's API, but it is missing a release tag (@alpha, @beta, @public, or @internal)

packages/web-components/package.json

@@ -90,8 +90,6 @@
   },
   "devDependencies": {
     "@custom-elements-manifest/analyzer": "0.10.10",
-    "@microsoft/fast-element": "2.0.0",
-    "@microsoft/focusgroup-polyfill": "^1.4.1",
     "@tensile-perf/web-components": "~0.2.2",
     "@storybook/html": "9.1.17",
     "@storybook/html-vite": "9.1.17",