Modal displays at a much larger size than I'd expect.

[chrisglein]

Problem Description

When using Modal on RNW 0.79 the dialog shows but is way too big.

https://github.com/user-attachments/assets/96113a49-733e-45ea-989f-314bc1ff8af4

Steps To Reproduce

See repo link below. Essentially use the newly supported Modal component as a replacement for using the old Popup component.

Expected Results

No response

CLI version

18.0.0

Environment

info Fetching system and libraries information...
System:
  OS: Windows 11 10.0.26432
  CPU: "(24) x64 AMD Ryzen Threadripper PRO 3945WX 12-Cores     "
  Memory: 36.10 GB / 63.86 GB
Binaries:
  Node:
    version: 18.18.0
    path: C:\Program Files\nodejs\node.EXE
  Yarn:
    version: 1.22.19
    path: C:\Program Files (x86)\Yarn\bin\yarn.CMD
  npm:
    version: 9.8.1
    path: C:\Program Files\nodejs\npm.CMD
  Watchman: Not Found
SDKs:
  Android SDK: Not Found
  Windows SDK:
    AllowDevelopmentWithoutDevLicense: Enabled
    AllowAllTrustedApps: Enabled
    Versions:
      - 10.0.19041.0
      - 10.0.22000.0
      - 10.0.22621.0
      - 10.0.26100.0
IDEs:
  Android Studio: Not Found
  Visual Studio:
    - 17.14.36119.2 (Visual Studio Community 2022)
Languages:
  Java: Not Found
  Ruby: Not Found
npmPackages:
  "@react-native-community/cli":
    installed: 18.0.0
    wanted: 18.0.0
  react:
    installed: 19.0.0
    wanted: 19.0.0
  react-native:
    installed: 0.79.0
    wanted: 0.79.0
  react-native-windows:
    installed: 0.79.0
    wanted: 0.79.0
npmGlobalPackages:
  "*react-native*": Not Found
Android:
  hermesEnabled: true
  newArchEnabled: true
iOS:
  hermesEnabled: Not found
  newArchEnabled: Not found

info React Native v0.80.0 is now available (your project is running on v0.79.0).
info Changelog: https://github.com/facebook/react-native/releases/tag/v0.80.0
info Diff: https://react-native-community.github.io/upgrade-helper/?from=0.79.0&to=0.80.0
info For more info, check out "https://reactnative.dev/docs/upgrading?os=windows".

Community Modules

"dependencies": { "@react-native-async-storage/async-storage": "^2.2.0", "patch-package": "^6.5.1", "react": "19.0.0", "react-native": "0.79.0", "react-native-markdown-display": "^7.0.0-alpha.2", "react-native-syntax-highlighter": "^2.1.0", "react-native-windows": "0.79.0" },

Target React Native Architecture

New Architecture (WinAppSDK) Only

Target Platform Version

None

Visual Studio Version

Visual Studio 2022

Build Configuration

Release

Snack, code example, screenshot, or link to a repository

https://github.com/chrisglein/artificial-chat/tree/fabricOn79

[chrisglein]

Not sure if this is the missing support for https://github.com/microsoft/react-native-windows/issues/14646 There's a difference between "starts at the right size" and "the size can be changed by the user".

[chrisglein]

Commit that implements this and has workaround in place (fixed sized for all dialogs) here: https://github.com/chrisglein/artificial-chat/commit/b6c123b181e2531772decda79447a26f82bbc3ee