macosui / macos_ui

Flutter widgets and themes implementing the current macOS design language.
https://macosui.github.io/macos_ui/#/
MIT License
1.88k stars 183 forks source link

Canvas color changes while popup/pulldown menus are open #435

Open jmatth opened 1 year ago

jmatth commented 1 year ago

Description

Using MacosPulldownButton or MacosPopupButton causes the background of the example app to change to a different shade of grey while the popup/pulldown is open. This happens in both light and dark mode but is more noticable in dark mode.

Steps To Reproduce

  1. Run the example app
  2. On the first page open the pulldown buttons under the MacosPulldownButton section
  3. On the same page open the popup buttons under the MacosPopupButton section

Code sample omitted as it is present in the example app of the repo.

Expected behavior

The popup and pulldown buttons open without affecting other elements on the screen.

Actual behavior

The entire background changes to darker shade of grey while the menus are open.

Recording

Video https://github.com/macosui/macos_ui/assets/1316184/2b791bc5-898a-4381-84a2-8378892e6b6a

Logs

Logs Attached logs generated without `--verbose` since doing so pushes the comment length past Github's limit. ``` Launching lib/main.dart on macOS in debug mode... Building macOS application... Syncing files to device macOS... 39ms Flutter run key commands. r Hot reload. 🔥🔥🔥 R Hot restart. h List all available interactive commands. d Detach (terminate "flutter run" but leave application running). c Clear the screen q Quit (terminate the application on the device). A Dart VM Service on macOS is available at: http://127.0.0.1:49697/X6FZ2hP-Ghc=/ The Flutter DevTools debugger and profiler on macOS is available at: http://127.0.0.1:9103?uri=http://127.0.0.1:49697/X6FZ2hP-Ghc=/ embedder.cc (2425): 'FlutterPlatformMessageCreateResponseHandle' returned 'kInvalidArguments'. Engine handle was invalid. 2023-06-21 15:11:25.809 example[35950:1195379] Failed to create a FlutterPlatformMessageResponseHandle (2) Application finished. ``` ``` Analyzing example... No issues found! (ran in 0.8s) ``` ``` [!] Flutter (Channel stable, 3.10.5, on macOS 13.4 22F66 darwin-arm64, locale en-US) • Flutter version 3.10.5 on channel stable at /Users/joshuamatthews/.fvm/versions/3.10.5 ! Warning: `flutter` on your path resolves to /Users/joshuamatthews/.fvm/versions/3.7.7/bin/flutter, which is not inside your current Flutter SDK checkout at /Users/joshuamatthews/.fvm/versions/3.10.5. Consider adding /Users/joshuamatthews/.fvm/versions/3.10.5/bin to the front of your path. ! Warning: `dart` on your path resolves to /opt/homebrew/Cellar/dart/3.0.5/libexec/bin/dart, which is not inside your current Flutter SDK checkout at /Users/joshuamatthews/.fvm/versions/3.10.5. Consider adding /Users/joshuamatthews/.fvm/versions/3.10.5/bin to the front of your path. ! Upstream repository /Users/joshuamatthews/projects/forks/flutter is not a standard remote. Set environment variable "FLUTTER_GIT_URL" to /Users/joshuamatthews/projects/forks/flutter to dismiss this error. • Framework revision 796c8ef792 (8 days ago), 2023-06-13 15:51:02 -0700 • Engine revision 45f6e00911 • Dart version 3.0.5 • DevTools version 2.23.1 • If those were intentional, you can disregard the above warnings; however it is recommended to use "git" directly to perform update checks and upgrades. [✓] Android toolchain - develop for Android devices (Android SDK version 33.0.2) • Android SDK at /Users/joshuamatthews/Library/Android/sdk • Platform android-33, build-tools 33.0.2 • Java binary at: /Users/joshuamatthews/Library/Application Support/JetBrains/Toolbox/apps/AndroidStudio/ch-0/222.4459.24.2221.9971841/Android Studio.app/Contents/jbr/Contents/Home/bin/java • Java version OpenJDK Runtime Environment (build 17.0.6+0-17.0.6b802.4-9586694) • All Android licenses accepted. [✓] Xcode - develop for iOS and macOS (Xcode 14.3.1) • Xcode at /Applications/Xcode-14.3.1.app/Contents/Developer • Build 14E300c • CocoaPods version 1.12.0 [✓] Chrome - develop for the web • Chrome at /Applications/Google Chrome.app/Contents/MacOS/Google Chrome [✓] Android Studio (version 2022.2) • Android Studio at /Users/joshuamatthews/Library/Application Support/JetBrains/Toolbox/apps/AndroidStudio/ch-0/222.4459.24.2221.9971841/Android Studio.app/Contents • Flutter plugin can be installed from: 🔨 https://plugins.jetbrains.com/plugin/9212-flutter • Dart plugin can be installed from: 🔨 https://plugins.jetbrains.com/plugin/6351-dart • Java version OpenJDK Runtime Environment (build 17.0.6+0-17.0.6b802.4-9586694) [✓] Android Studio (version 2022.2) • Android Studio at /Users/joshuamatthews/Library/Application Support/JetBrains/Toolbox/apps/AndroidStudio/ch-0/222.4459.24.2221.10121639/Android Studio.app/Contents • Flutter plugin can be installed from: 🔨 https://plugins.jetbrains.com/plugin/9212-flutter • Dart plugin can be installed from: 🔨 https://plugins.jetbrains.com/plugin/6351-dart • Java version OpenJDK Runtime Environment (build 17.0.6+0-17.0.6b802.4-9586694) [✓] IntelliJ IDEA Community Edition (version 2022.3.2) • IntelliJ at /Users/joshuamatthews/Library/Application Support/JetBrains/Toolbox/apps/IDEA-C/ch-0/223.8617.56/IntelliJ IDEA CE.app • Flutter plugin can be installed from: 🔨 https://plugins.jetbrains.com/plugin/9212-flutter • Dart plugin can be installed from: 🔨 https://plugins.jetbrains.com/plugin/6351-dart [✓] VS Code (version 1.79.2) • VS Code at /Applications/Visual Studio Code.app/Contents • Flutter extension version 3.66.0 [✓] Connected device (2 available) • macOS (desktop) • macos • darwin-arm64 • macOS 13.4 22F66 darwin-arm64 • Chrome (web) • chrome • web-javascript • Google Chrome 114.0.5735.133 [✓] Network resources • All expected network resources are available. ! Doctor found issues in 1 category. ```
GroovinChip commented 1 year ago

@jmatth Does this issue persist in the 2.0 beta?

jmatth commented 1 year ago

@GroovinChip Yes, I just ran the example on 044af12cd130b3f9f86ea805cd9dcc5c42797055 and it still displays this behavior.

GroovinChip commented 1 year ago

Ok, I'll look into it