Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Modal does not append required rtl class when chossing Rtl direction #2288

Closed
hassan-gasemi opened this issue Feb 13, 2022 · 1 comment
Closed
Assignees
Labels
🐛bug Something isn't working

Comments

@hassan-gasemi
Copy link

Bug

Modal in Rtl Direction does not append ant-modal-wrap-rtl css class to the upper level html tag (element with role="dialog"). This causes ui problems like incorrect title align(title overlaps with close button). I've debugged the source and found out that Rtl variable inside DialogOptions.cs always is false. (File DialogOptions.cs -- Method GetWrapClassNameExtended()).

image

Steps to reproduce

1- Change Direction to Rtl
2- Add a Modal component to page
3- Open Modal

MainLayout.razor

[CascadingParameter] public ConfigProvider ConfigProvider { get; set; } = default!;

protected override void OnInitialized()
{
      ConfigProvider.ChangeDirection("rtl");
}

MyList.razor

<Modal Title="@("Title")"
       Visible="@visibleModal"
       OnCancel="() => {visibleModal = false;}"
       Closable="true"
       MaskClosable="false"
       DestroyOnClose="true"
       Footer="null">
<CreateUpdateWarehouse Canceled="EditCanceled" ModelUpdated="ModelUpdated" ModelCreated="ModelCreated" WarehouseOriginal="SelectedWarehouse" ModelDeleted="ModelDeleted" />
</Modal>

Further technical details

  • AntDesign 0.10.3.1
  • dotnet 6.0.101
@zxyao145
Copy link
Member

I'm sorry that Modal didn't get data from ConfigProvider. This problem will be fixed by the end of this week at the latest.

@zxyao145 zxyao145 added the 🐛bug Something isn't working label Feb 14, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
🐛bug Something isn't working
Projects
None yet
Development

No branches or pull requests

2 participants