🐛 Flyout menu - strange icon (feedback v4.0.0)

[WinXaito]

Describe the bug

On demo app:

There is a icon on the left and the indicator.

And Btw, when we open a submenu, if we click outside the menu, only the submenu is closed (on Windows, when we click outside the menu, all menu is closed). Maybe related to #332)

[bdlukaa]

Weird. Is there any chance of it being a rendering issue on the skia side? I can't reproduce it

[WinXaito]

Tested on Firefox + Edge, same problem. (current demo app here https://bdlukaa.github.io/fluent_ui/)

[bdlukaa]

Reproducible on VM-based environments as well!

[jesperborri]

FlyoutListTile builds the trailing widget twice. Removing line 212 solved it for me.

fluent_ui/lib/src/controls/surfaces/flyout/content.dart

Lines 187 to 215 in de0e316

	if (trailing != null)
	DefaultTextStyle(
	style: TextStyle(
	inherit: false,
	fontSize: 12.0,
	color: theme.borderInputColor,
	height: 0.7,
	),
	child: trailing!,
	),
	]),
	),
	if (selected)
	PositionedDirectional(
	top: 0,
	bottom: 0,
	child: Container(
	margin: const EdgeInsets.symmetric(vertical: 6.0),
	width: 2.5,
	decoration: BoxDecoration(
	color: theme.accentColor.resolveFromReverseBrightness(
	theme.brightness,
	),
	borderRadius: BorderRadius.circular(100),
	),
	child: trailing!,
	),
	),
	]);

[bdlukaa]

Nice catch!