angular-ui/ui-grid

rtl support in Chrome

Open

#6,193 opened on May 4, 2017

View on GitHub
 (8 comments) (0 reactions) (0 assignees)JavaScript (5,395 stars) (2,496 forks)batch import
Browser Chromegood first issue

Description

Hi when the grid has scroll in RTL and in Google Chrome there is issues:

  • when you scroll vertically rows disappears
  • when you scroll horizontally headers stick to left and columns scroll but there is not a problem in Firefox also column menu position is false (both Chrome and Firefox) you can check it in tutorial: RTL Support

Contributor guide

Tech stack
javascriptcsshtml
Domain
frontendinternationalizationlocalization
Issue type
bug
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
3
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
3-5 days
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
mostly clear
Prerequisites
CSS RTL knowledgeui grid source code familiarity
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
35
Research direction
Investigate the Chrome specific rendering bugs in ui grid for RTL mode. Look at the source code for scrolling and header alignment, particularly in files related to grid rendering and DOM manipulation. The issue references the RTL support tutorial for reproducing. Check Firefox behavior for contrast. Examine the column menu positioning logic as it's broken in both browsers.
rtl support in Chrome · angular-ui/ui-grid#6193 | Good First Issue