Menu in RTL isnt in place

[faziloub]

Description:

Server Setup Information:

• Version of Rocket.Chat Server: 63
• Operating System: ubuntu
• Deployment Method(snap/docker/tar/etc):
• Number of Running Instances:
• DB Replicaset Oplog:
• Node Version:
• mongoDB Version:

Steps to Reproduce:

[TwizzyDizzy]

I'm not very familiar with RTL UIs, but to me that looks pretty much what I would expect. Can you elaborate on what "is not in place" means to you? :)

Cheers & Thanks
Thomas

[sparse91]

Hello
Is there any workaround for this bug? with CSS maybe?
thanks

[TwizzyDizzy]

Hi @IDanielBlake,

no offense intended, but: can we first agree on what's the actual bug here? ;)

Cheers
Thomas

[sparse91]

When I click on my profile picture on right above corner (in RTL RC) menu opens outside of the screen. Just like the picture. sorry for my eng. Thanks

[TwizzyDizzy]

Ah! I though this was some censoring for privacy. OK. Then I get it... thanks!

Cheers
Thomas

PS: Nope, I cannot help you.

[sparse91]

Now is there any fix with some css? I updated our Rocketchat and It's broken somehow. Can you help? Thank you so much

[efih]

same issue here

[sparse91]

RC 0.62.2:
I tried some CSS but I'm not an expert. ltr direction made it better but messed up other menus. maybe there is a workaround. 0.64 milestone is a long time.
.rc-popover__content {
//right:30px !important;
//min-width:200px !important;
//max-width:300px !important;
//transform: translateX(-50%);
direction: ltr;
//transform: translateX(-10%);
//animation: unset !important;
}
.rc-popover {
//direction: ltr;
//width: 90% !important;
}

[theorenck]

Thanks for inform the problem to us. @karlprieb, can you evaluate @IDanielBlake workaround?

[karlprieb]

We need to fix the calc that we use to set the position when an user open the popover. It need to be done using JS. I can do that on the 0.64 release

[faziloub]

thank you @karlprieb @theorenck

[sparse91]

This bug is come back in v3.13.3.

[ArielBenAharon]

Same here - reproducing the bug in v3.11.0