Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Cells aren't visible when dir=rtl

See original GitHub issue

When using <html dir="rtl">, grid cell aren’t visible. They seem to be rendered thought, but aren’t visible and cannot be scrolled to.

DEMO: add ‘dir=“rtl”’ to the <html> tag in https://bvaughn.github.io/react-virtualized/?component=Grid#/components/Grid and scroll around a bit

Workaround

Until this is resolved, adding the following to Grid enables the visibility of cells, with the downside that scrolling is ltr.

style={{direction:'ltr'}}

Issue Analytics

State:
Created 7 years ago
Comments:20 (11 by maintainers)

Top GitHub Comments

2reactions

mbrevdacommented, Nov 3, 2016

Just tested this. God knows what it does to performance, but direction: ltr; transform: rotateY(180deg); on the grid and another transform: rotateY(180deg) on the cell actually seem to get the job done!

0reactions

bvaughncommented, Nov 6, 2016

You rock. Thanks

On Nov 6, 2016 9:57 AM, “Moshe Brevda” notifications@github.com wrote:

fixed in 7595de7 https://github.com/bvaughn/react-virtualized/commit/7595de7cf7dc8beef39b6383f8fbbeb0f5f9eddf, general RTL discussion continued in #454 https://github.com/bvaughn/react-virtualized/issues/454. Thanks @bvaughn https://github.com/bvaughn!

— You are receiving this because you were mentioned. Reply to this email directly, view it on GitHub https://github.com/bvaughn/react-virtualized/issues/450#issuecomment-258697904, or mute the thread https://github.com/notifications/unsubscribe-auth/AABznQBkNn11efxQ-oCqYHubeaOlhm7_ks5q7hUmgaJpZM4KnsxM .