Right Positioned Flyouts Do Not Show Close Arrow

[nwpappas]

When using the following code only the first Flyout has the close arrow, additional right positioned Flyouts show the circle but no arrow is inside.

<metro:MetroWindow.Flyouts>
    <metro:Flyout Header="settings" Position="Right">
        <TextBlock Text="Will hold settings information" />
    </metro:Flyout>

    <metro:Flyout Header="new goodness" Position="Right">
        <StackPanel Orientation="Vertical">
            <Button Content="create" />
            <Button Content="cancel" />
        </StackPanel>
    </metro:Flyout>

    <metro:Flyout Header="third" Position="Right">
        <TextBlock Text="a third for testing" />
    </metro:Flyout>
</metro:MetroWindow.Flyouts>

Left positioned Flyouts appear to always show their arrows.

[shiftkey]

I can see the issue here, currently digging into whether something with this data trigger is not firing for some scenarios. Puzzling.

[jessestricker]

Akward, it doesn't seem to appear when i do this, tested it out, works perfectly with arrow...

[punker76]

hi,

take a look at my checkin #358 (my branch flyouts). i improved/updated the flyouts style and demo example.

jan

[shiftkey]

Fixed in #358