Some users on Chrome cannot see the menu options, but Edge works.

[Zelfapp]

Experiencing some inconsistencies on Chrome. Some users cannot see the focused menu items when tapping the focused menu holder. The overlay always appears, so it seems like it is opening, but the menu items are hidden somehow.

This is part of my code. Nothing fancy I don't think. Do I have any settings that could cause the menu items to be hidden? Could the size of a browser, the resolution, and my menuOffset or extent cause issues?

FocusedMenuHolder(
    animateMenuItems: false,
    onPressed: () {},
    openWithTap: true,
    menuOffset: 10,
    menuWidth: 550,
    menuItemExtent: 50,
    menuItems: [
      FocusedMenuItem(
          onPressed: () async {},
          title: Flexible(
            child: Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: [
                const Icon(
                  Icons.open_in_new,
                  color: Colors.white,
                ),
                const SizedBox(
                  width: 10,
                ),
                Text(
                  'LOAD ${loadButtonText.toUpperCase()}',
                  style: const TextStyle(
                    color: Colors.white,
                  ),
                ),
              ],
            ),
          ),
          backgroundColor: kAppGreenColor,
        ),
        
      FocusedMenuItem(
          onPressed: () async {},
          title: Flexible(
            child: Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: const [
                Icon(
                  Icons.cloud_download,
                  color: Colors.white,
                ),
                SizedBox(
                  width: 10,
                ),
                Text(
                  'DOWNLOAD STICKER',
                  style: TextStyle(
                    color: Colors.white,
                  ),
                ),
              ],
            ),
          ),
          backgroundColor: kAppGreenColor,
        ),

      FocusedMenuItem(
          onPressed: () async {},
          title: Flexible(
            child: Row(
              mainAxisAlignment: MainAxisAlignment.center,
              children: const [
                Icon(
                  Icons.cloud_download,
                  color: Colors.white,
                ),
                SizedBox(
                  width: 10,
                ),
                Text(
                  'DOWNLOAD HIGH RESOLUTION IMAGE',
                  style: TextStyle(
                    color: Colors.white,
                  ),
                ),
              ],
            ),
          ),
          backgroundColor: kAppGreenColor,
        ),
    ],
    child: Container(
      height: 40,
      decoration: BoxDecoration(
        color: kAppRedColor,
        borderRadius: BorderRadius.circular(4),
      ),
      child: Row(
        mainAxisAlignment: MainAxisAlignment.center,
        children: const [
          Icon(
            Icons.menu,
            color: Colors.white,
          ),
          SizedBox(
            width: 10,
          ),
          Center(
            child: Text(
              'ACTIONS',
              style: TextStyle(
                color: Colors.white,
                fontWeight: FontWeight.w800,
              ),
            ),
          ),
        ],
      ),
    ),
  ),

Chrome: User taps menu button and you can see overlay, but the menu does not appear. Note: Most users on Chrome do not have an issue.

Edge: On same screen, user taps menu button and you can see the menu.