View Full Version : [FIXED] Tree Panel Keyboard Navigation Flipped In RTL Mode

16 Apr 2013, 12:36 AM

Ext version tested:

Ext 4.2.0 rev 663
Browser versions tested against:

Google Chrome 26
FF 20
DOCTYPE tested against:


While navigating tree panel in RTL mode using keyboard UP/DOWN/RIGHT/LEFT keys, Left key should expand selected non-leaf node and Right key should close the sub-tree under selected node. Current behavior is not reflecting the RTL mode intuition. Also, if "useArrows" config is set to true, the animation of expansion and collapse is not intuitive in RTL mode.
Steps to reproduce the problem:

create a basic tree panel with at least one non-leaf and one leaf node
set the "rtl" config to true
open the tree panel in browser and select the node which has one or more child nodes
use LEFT/RIGHT navigation keys on keyboard and watch the tree behavior
The result that was expected:

selected node should expand with LEFT arrow and sub-tree should collapse with RIGHT arrow key
arrow should animate counter-clockwise on expansion and clockwise on collapse
The result that occurs instead:

selected node expands with RIGHT arrow and sub-tree collapses with LEFT arrow key
arrow animates clockwise on expansion and counter-clockwise on collapse
Test Case:

Ext.create('Ext.tree.Panel', {
title: 'RTL Tree',
width: 200,
height: 150,
store: store,
rtl: true,
useArrows: true,
renderTo: Ext.getBody()


Screenshot or Video:

See this URL for live test case: NONE

Debugging already done:

Possible fix:

not provided
Additional CSS used:

only default ext-all.css
Operating System:

Ubuntu 12.04
Windows 7

16 Apr 2013, 5:44 AM
Thanks for the report.