React-virtualized: Disable `outline` on Grid component

Created on 8 Sep 2016  路  5Comments  路  Source: bvaughn/react-virtualized

I think we should disable outline on Grid class. If it's fine, I will submit a pull request.

screen shot 2016-09-08 at 2 16 10 pm

Most helpful comment

@nhducit Outline is an important usability mechanism for keyboard-only users. As such, I want it to be enabled by default for focusable elements.

You're free to disable it yourself via a custom className or inline style (eg style={{ outline: 'none' }}). react-virtualized supports both. :)

All 5 comments

@nhducit Outline is an important usability mechanism for keyboard-only users. As such, I want it to be enabled by default for focusable elements.

You're free to disable it yourself via a custom className or inline style (eg style={{ outline: 'none' }}). react-virtualized supports both. :)

@bvaughn It's OK. Thanks a lot ^^

No problem. 馃槃

You aren't the first one to ask this! I just think it's important that react-virtualized be as accessibility-friendly as possible by default. People can choose to disable accessibility features (like outline) if they think it's appropriate to their applicate. 馃榿

Is there a way to disable a MultiGrid's child Grid's outline?

Never mind. Fixed by setting styleBottomRightGrid

Was this page helpful?
0 / 5 - 0 ratings