Flutter material popup menu doesn't consume the latest context

Flutter material popup menu doesn't consume the latest context but the one passed in its constructor. This can be observed if you toggle to dark mode in a popup menu, for example.

Details in b/140223471

Can you please elaborate on this?
Please post the output of flutter doctor -v here and tell us if this happens on Android and iOS or only on one platform.

It would be helpful if you could show us your code.

There is code and information in the internal bug b/140223471 and example fix code in cl/266109089

Here's a minimal repro:

import 'package:flutter/material.dart';

void main() => runApp(const MyApp());

class MyApp extends StatelessWidget {
  const MyApp({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return MaterialApp(
      title: 'Flutter Demo',
      debugShowCheckedModeBanner: false,
      theme: ThemeData(
        colorScheme: const ColorScheme.light(),
        popupMenuTheme: PopupMenuThemeData(
          color: const ColorScheme.light().surface,
        ),
      ),
      darkTheme: ThemeData(
        colorScheme: const ColorScheme.dark(),
        popupMenuTheme: PopupMenuThemeData(
          color: const ColorScheme.dark().surface,
        ),
      ),
      home: const HomePage(),
    );
  }
}

class HomePage extends StatelessWidget {
  const HomePage({Key? key}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return Scaffold(
      appBar: AppBar(
        title: const Text('Hello Flutter'),
        actions: [
          PopupMenuButton<int>(
            itemBuilder: (context) => <PopupMenuEntry<int>>[
              const PopupMenuItem<int>(value: 1, child: Text('Item 1')),
              const PopupMenuItem<int>(value: 2, child: Text('Item 2')),
              const PopupMenuItem<int>(value: 3, child: Text('Item 3')),
            ],
          )
        ],
      ),
      body: Center(
        child: Column(
          mainAxisAlignment: MainAxisAlignment.center,
          children: const [Text('Nothing here')],
        ),
      ),
    );
  }
}

Steps to reproduce:

Open the popup menu
While the menu is opened, toggle system theme (e.g. using Android's Quick Settings)
Observe the popup menu's background color

Current behavior:
https://user-images.githubusercontent.com/3948279/162324895-08f0a810-ef49-4d21-9433-e1d53d8deb5f.mp4

Interesting scenario to try: if we remove these lines,

        popupMenuTheme: PopupMenuThemeData(
          color: const ColorScheme.light().surface,
        ),

        popupMenuTheme: PopupMenuThemeData(
          color: const ColorScheme.dark().surface,
        ),

the popup menu will now respond to the system theme changes:
https://user-images.githubusercontent.com/3948279/162324916-3783e1cd-125a-49d7-b8d4-ac0202384d66.mp4

Fix PopupMenu does not update when PopupMenuTheme in Theme changes. (#…

This thread has been automatically locked since there has not been any recent activity after it was closed. If you are still experiencing a similar issue, please open a new bug, including the output of flutter doctor -v and a minimal reproduction of the issue.

Fix PopupMenu does not update when PopupMenuTheme in Theme changes. (f…

Fix PopupMenu does not update when PopupMenuTheme in Theme changes. (…

Navigation Menu

Repository navigation

Flutter material popup menu doesn't consume the latest context #43824

11 remaining items

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Flutter material popup menu doesn't consume the latest context #43824

Description

Activity

escamoteur commented on Oct 30, 2019

jefflim-google commented on Feb 8, 2020

wytesk133 commented on Apr 7, 2022

11 remaining items

github-actions commented on Oct 22, 2025

Metadata

Metadata

Assignees

Labels

Type

Projects

Milestone

Relationships

Development

Issue actions