W3C home > Mailing lists > Public > www-style@w3.org > June 2016

FlexBox keyboard disconnect - new property proposal

From: Léonie Watson <tink@tink.uk>
Date: Fri, 17 Jun 2016 11:53:35 +0200
To: <www-style@w3.org>
Message-ID: <05f901d1c87e$20387360$60a95a20$@tink.uk>
Hello CSS,

Had an impromptu chat with Simon Pieters and Greg Whitworth about the
FlexBox keyboard disconect [1]. It resulted in an idea for a new CSS

At the moment the problem is that FlexBox can create a disconnect between
the DOM order and visual order. This affects sighted keyboard users - or at
least exacerbates the disconnect that has existed since CSS layouts were
first a thing.

There is a workaround in Firefox, whereby the keyboard order matches the
visual flex order, instead of the DOM order. On the face of it this seems
like a good solution, but Simon made a good point - what happens when the
keyboard disconnect is actually useful?

It seems like it would be good to have a property to enable developers to
choose whether the keyboard order matched the DOM order or the flex order.
Off the top of my head, something like:

tab-order: dom;


tab-order: flex;

>From the work Mozilla has already done, and this briefest of conversations
with Greg and Simon, it seems there is energy from the browser vendors to
find a solution to this problem. Hoping this idea kicks off further

[1] http://tink.uk/flexbox-the-keyboard-navigation-disconnect/ 
@LeonieWatson tink.uk Carpe diem
Received on Friday, 17 June 2016 09:54:06 UTC

This archive was generated by hypermail 2.4.0 : Friday, 25 March 2022 10:09:03 UTC