chrome rtl bug - Chrome 37.0.2062.117 - Android

حدود دو سه هفته هست که کروم کاناری(نسخه ۶۴ بیتی) رو نصب کردم و باهاش کار میکنم، باید همین ابتدا بگم که خیلی خوبه نسبت به نسخه قبلی. ولی ... از روز اولی که باهاش کار می‌کردم توی نمایش منوی بلاگم باهاش مشکل داشتم، خب چون نسخه بتا بود و هنوز کلی جای کار داره گذاشتم به حساب اینکه در آینده تکمیل میشه تا وقتی که دیروز کروم برای اندروید آپدیت داده بود. بعد آپدیت مشکل مورد نظر توی گوشی هم مشاهده شد، اینجا بود که باید شک می‌کردم که یا سی‌اس‌اسی که برای منو نوشتم مشکل داره یا اینکه کروم مشکل داره. ( همیشه گفته میشه که هیچ چیز و هیچ کس بی نقص نیست) امروز فرصتی کردم و نگاهی به کدهای بلاگم انداختم و خبر آمد که مشکلی در کار است.

اگر از `transform` استفاده میکنید برای اینکه خروجی کار شما به همان نرمی که انتظار دارید باشد، الزاما می بایست `direction` تگ `html` را `ltr` کنید.

نکته اینجاست که توی آپدیت جدید کروم تگ `html` باید `direction:ltr;` باشد، در غیر این صورت اگر از `transform` و `transition` استفاده کنید رفتارهای غیر منتظره ای میبینید.

اگر از گوگل کاناری استفاده می کنید یا کروم موبایل شما بروز است با کلیک روی لینک های زیر میتونید این باگ رو مشاهده کنید، روی یکی از لینک های زیر کلیک کنید و بالای صفحه منو را باز و بسته کنید.

BUG(`html{direction:rtl;}`)
FIX(`html{direction:ltr;}`)

مثال ایجاد شده در کدپن

See the Pen Chrome problem with rtl pages by Ahad Birang (@farnabaz) on CodePen.

ویدئو ۱۰ ثانیه ای مشکل گفته شده`