Skip to content

Flyout displays incorrectly with FlowDirection set to RightToLeft #398

@ORRNY

Description

@ORRNY

Describe the bug

When setting the FlowDirection property of a Window to RightToLeft in a WPF application using UI.WPF.Modern, the Flyout component is positioned incorrectly.

Expected behavior:
The Flyout should appear at the correct location corresponding to its anchor, even with RightToLeft flow direction set on the Window.

Actual behavior:
The Flyout appears in an incorrect position. Please see the attached screenshot for visual reference.

Image

Reproduction

To reproduce:

  • In the WPF.Modern.Gallery project, set FlowDirection="RightToLeft" on the main Window:

    <Window x:Class="iNKORE.UI.WPF.Modern.Gallery.MainWindow"
    ...
    FlowDirection="RightToLeft">

  • Navigate to a page containing a Flyout. The Flyout will be displayed at an incorrect position (see the screenshot).

Alternatively:

  1. Create a new Window and set FlowDirection to RightToLeft.
  2. Add a Flyout component.
  3. Open the Flyout – it will appear in the wrong position.

Suggested Solution

I do not know the exact solution, but it may require adjustments to the Flyout's position calculation when FlowDirection is RightToLeft.

Library Version

0.10.1

Operating System

Windows 11

Framework

.NET Framework

Framework Version

9

Source of Package

NuGet.org (Package)

Additional Notes

No response

Validations

  • Check that there isn't already an issue that reports the same or similar problem.
  • Check that this is a bug in the library that should be fixed, not a feature, also this is not about the documentation. (Or please choose the right repo and template.)
  • This is one single problem, or a few problems with the same cause. (If you want to report multiple problems, please create one issue for every single problem.)
  • You've checked that this problem still exists in the latest version. (Keep in mind that we don't provide any support for old versions.)
  • You know that we can't guarantee that we will satisfy your request. This is not really our duty to do everything anyone asks for. Also, you will treat our staff, contributors, and other users with respect and kindness.
  • You're sure there's something wrong with the library itself, not how you're using it. (If you are having issues using it and need help, please go to discussion.)

Metadata

Metadata

Assignees

No one assigned

    Labels

    package: controlsTaking place in the iNKORE.UI.WPF.Modern.Controls projectpriority: 1

    Type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions