# مشاكل تحديد المواقع مع اللغات ذات الاتجاه من اليمين إلى اليسار بعد التحديثات الأخيرة

**URL:** https://meta.discourse.org/t/positioning-issues-with-rtl-locales-after-recent-updates/280220
**Category:** Bug
**Created:** [26 سبتمبر 2023، 9:26م UTC](https://meta.discourse.org/t/positioning-issues-with-rtl-locales-after-recent-updates/280220 "2023-09-26T21:26:25Z")
**Posts on this page:** 10
**Page:** 1

<div class="post-metadata">

### Author: ![inj3ct0r](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/inj3ct0r/32/324428_2.png) [@inj3ct0r](https://meta.discourse.org/u/inj3ct0r)
#### Post date: [26 سبتمبر 2023، 9:26م UTC](https://meta.discourse.org/t/positioning-issues-with-rtl-locales-after-recent-updates/280220/1 "2023-09-26T21:26:25Z")

</div>

مرحباً، أتمنى أن تكون بخير.  
بعد آخر تحديث اليوم، حصلت على بطاقة مستخدم متعطلة ☹

 ![image](https://global.discourse-cdn.com/meta/original/4X/a/6/3/a63c93f167a512272ba27d57d6f12906e6ab695f.jpeg)  
وهي مع الحاوية الرئيسية

---

<div class="post-metadata">

### Author: ![simon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/simon/32/339122_2.png) [@simon](https://meta.discourse.org/u/simon)
#### Post date: [26 سبتمبر 2023، 10:04م UTC](https://meta.discourse.org/t/positioning-issues-with-rtl-locales-after-recent-updates/280220/2 "2023-09-26T22:04:35Z")

</div>

> [@inj3ct0r](#):
>
> بعد التحديث الأخير اليوم، حصلت على بطاقة مستخدم متعطلة

كان هناك معالجة خاصة لموضع بطاقة المستخدم للمناطق المحلية التي تدعم الكتابة من اليمين إلى اليسار (RTL): [discourse/app/assets/javascripts/discourse/views/user-card.js.es6 at 4896a7dec79203cd44265bb2372c2b4a223c3d26 · discourse/discourse · GitHub](https://github.com/discourse/discourse/blob/4896a7dec79203cd44265bb2372c2b4a223c3d26/app/assets/javascripts/discourse/views/user-card.js.es6#L86-L120)

مع التحديثات لبطاقة المستخدم، يبدو أنه تم إزالة ذلك. الموضع `left` في أنماط بطاقة المستخدم المضمنة خاطئ للمناطق المحلية التي تدعم الكتابة من اليمين إلى اليسار (RTL). من الذاكرة، أعتقد أن أسهل طريقة للتعامل معها هي تعيين موضع `right` لبطاقة المستخدم عند استخدام منطقة محلية تدعم الكتابة من اليمين إلى اليسار (RTL). لا يمكن تبديل خاصيتي `left` و `right` ببساطة في قاعدة نمط التضمين.

---

<div class="post-metadata">

### Author: ![inj3ct0r](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/inj3ct0r/32/324428_2.png) [@inj3ct0r](https://meta.discourse.org/u/inj3ct0r)
#### Post date: [26 سبتمبر 2023، 10:36م UTC](https://meta.discourse.org/t/positioning-issues-with-rtl-locales-after-recent-updates/280220/3 "2023-09-26T22:36:20Z")

</div>

مرحباً، تحديث جديد  
زر الرد لا يعمل

 ![image](https://global.discourse-cdn.com/meta/original/4X/a/e/8/ae8a2b1e903abe95f526531535a227a4593f9120.png)

---

<div class="post-metadata">

### Author: ![simon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/simon/32/339122_2.png) [@simon](https://meta.discourse.org/u/simon)
#### Post date: [26 سبتمبر 2023، 10:46م UTC](https://meta.discourse.org/t/positioning-issues-with-rtl-locales-after-recent-updates/280220/4 "2023-09-26T22:46:40Z")

</div>

> [@inj3ct0r](#):
>
> زر الرد لا يعمل

إنه “يعمل”، لكن محرر المشاركات غير قابل للاستخدام.

يمكن تكرار هذه المشكلات على Meta إذا قمت بتحديد لغة من اليمين إلى اليسار (RTL) للغة واجهة المستخدم الخاصة بك:

 ![image](https://global.discourse-cdn.com/meta/original/4X/2/a/e/2aebfa4f5179d4b26505a5e41ac0d06138812273.png)

تعديل: المشكلة التي أواجهها مع المؤلف في Meta تبدو مرتبطة بـ [GitHub - discourse/discourse-full-width-component: Make Discourse occupy the full browser width](https://github.com/discourse/discourse-full-width-component).

يمكن تكرار المشكلة المتعلقة ببطاقات المستخدم على Meta أو [try.discourse.org](http://try.discourse.org) في الوضع الآمن.

أيضًا، يتم وضع مربعات حوار تلميحات المستخدم بشكل غير صحيح للغات من اليمين إلى اليسار (RTL) في الوضع الآمن:

 ![image](https://global.discourse-cdn.com/meta/original/4X/0/7/1/0714219c0b4bb72dc39b377d723c7011d412bc69.png)

---

<div class="post-metadata">

### Author: ![inj3ct0r](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/inj3ct0r/32/324428_2.png) [@inj3ct0r](https://meta.discourse.org/u/inj3ct0r)
#### Post date: [26 سبتمبر 2023، 10:51م UTC](https://meta.discourse.org/t/positioning-issues-with-rtl-locales-after-recent-updates/280220/5 "2023-09-26T22:51:35Z")

</div>

لا يعمل في منتدياتي بالنسبة لي ولأعضائي

---

<div class="post-metadata">

### Author: ![simon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/simon/32/339122_2.png) [@simon](https://meta.discourse.org/u/simon)
#### Post date: [26 سبتمبر 2023، 11:31م UTC](https://meta.discourse.org/t/positioning-issues-with-rtl-locales-after-recent-updates/280220/6 "2023-09-26T23:31:22Z")

</div>

هل يمكنك محاولة تحميل موقعك في الوضع الآمن لمعرفة ما إذا كان ذلك سيؤدي إلى حل بعض المشكلات؟ للقيام بذلك، أضف ما يلي إلى عنوان URL في شريط العناوين في متصفحك:

`?safe_mode=no_themes,no_plugins`

على سبيل المثال [https://try.discourse.org/t/what-do-the-avatars-in-the-topic-list-mean/65?safe\_mode=no\_themes,no\_plugins](https://try.discourse.org/t/what-do-the-avatars-in-the-topic-list-mean/65?safe_mode=no_themes,no_plugins)

---

<div class="post-metadata">

### Author: ![inj3ct0r](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/inj3ct0r/32/324428_2.png) [@inj3ct0r](https://meta.discourse.org/u/inj3ct0r)
#### Post date: [26 سبتمبر 2023، 11:56م UTC](https://meta.discourse.org/t/positioning-issues-with-rtl-locales-after-recent-updates/280220/7 "2023-09-26T23:56:39Z")

</div>

نعم، لقد أصلحت زر الرد، لكن بطاقة المستخدم لا تزال معطلة

---

<div class="post-metadata">

### Author: ![simon](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/simon/32/339122_2.png) [@simon](https://meta.discourse.org/u/simon)
#### Post date: [9 نوفمبر 2023، 9:52ص UTC](https://meta.discourse.org/t/positioning-issues-with-rtl-locales-after-recent-updates/280220/8 "2023-11-09T09:52:27Z")

</div>

لا تزال هذه مشكلة:

 ![image](https://global.discourse-cdn.com/meta/original/4X/8/f/e/8fe1029738c1d80137b622537e6120afb1a8ef5a.jpeg)

 ![image](https://global.discourse-cdn.com/meta/original/4X/1/9/5/1957bcc83977eb10f96bfc45a2a32bbedb5580d6.png)

---

<div class="post-metadata">

### Author: ![Osama](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/osama/32/98013_2.png) [@Osama](https://meta.discourse.org/u/Osama)
#### Post date: [15 ديسمبر 2023، 3:45م UTC](https://meta.discourse.org/t/positioning-issues-with-rtl-locales-after-recent-updates/280220/12 "2023-12-15T15:45:36Z")

</div>

مرحباً @inj3ct0r

لقد تم إصلاح هذا عبر هذا الالتزام:

> <https://github.com/discourse/discourse/commit/eff6e4b405e3fb67126dfe5cf05a9fcaf90d5fab>
>
> Float-kit elements (menus/tooltips) are positioned where they should be by setti…ng an inline \`left\` property in JavaScript when they're rendered. For some reasons, we also set \`left: 0\` on float-kit elements here:
> 
> https://github.com/discourse/discourse/blob/25d9927785b07697132504fca77b8156600966ff/app/assets/stylesheets/common/float-kit/d-menu.scss#L11-L15
> 
> This property is overridden by the inline property that the library sets in JavaScript. However, in RTL mode, all of our scss files are flipped where everything left becomes right and vice versa. In this case, the \`left: 0\` property in the scss file above becomes \`right: 0\`.
> 
> This results in a conflict specific to RTL mode where both the \`left\` and \`right\` properties are defined on the same absolute-positioned element; the \`right\` property will always be set to 0 because it comes from the (flipped) scss file above, and the inline \`left\` property will be set to some px amount determined in JavaScript.
> 
> The \`right\` property will take precedence over the inline \`left\` property due to the page being right-to-left (source: https://developer.mozilla.org/en-US/docs/Web/CSS/right#description) and this causes float-kit elements to incorrectly always stick to the right.
> 
> This commit removes the \`left: 0\` property altogether for float-kit elements from our scss files. It's not clear from git history why the property was added, and removing it doesn't seem to cause any issues.
> 
> Meta topic: https://meta.discourse.org/t/positioning-issues-with-rtl-locales-after-recent-updates/280220?u=osama

---

<div class="post-metadata">

### Author: ![Osama](https://sea3.discourse-cdn.com/meta/user_avatar/meta.discourse.org/osama/32/98013_2.png) [@Osama](https://meta.discourse.org/u/Osama)
#### Post date: [19 ديسمبر 2023، 3:45م UTC](https://meta.discourse.org/t/positioning-issues-with-rtl-locales-after-recent-updates/280220/13 "2023-12-19T15:45:56Z")

</div>

تم إغلاق هذا الموضوع تلقائيًا بعد 4 أيام. لم يعد يُسمح بالردود الجديدة.
