question-mark
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.

Disable `outline` on Grid component

See original GitHub issue

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

Issue Analytics

  • State:closed
  • Created 7 years ago
  • Reactions:4
  • Comments:5 (2 by maintainers)

github_iconTop GitHub Comments

13reactions
bvaughncommented, Sep 8, 2016

@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. 😃

1reaction
zhuhan0commented, Jun 16, 2017

Never mind. Fixed by setting styleBottomRightGrid

Read more comments on GitHub >

github_iconTop Results From Across the Web

How to remove cell border in Data Grid component of Material ...
I used this answer and put it in the "sx" as '& .MuiDataGrid-cell:focus-within' property on the DataGrid. I didn't need to use !important....
Read more >
How do you remove the cell borders in a Grid? | Vaadin
The best way to modify Grid's styling is by overriding the Sass variables defined in the Valo theme. For instance, to remove the...
Read more >
How can I remove the border from grid - Sololearn
If I work with grid on css I have always a border. How can I remove this border. I test it with "border-style:...
Read more >
how to remove the lines which are inside of the grid toolbar
Using the cssClass property Grid, set the class to the Grid's root element and define the required properties using the styles to hide...
Read more >
Using the `outline` Property as a Collapsable Border
Easier faux-table cell borders. Below is an example of a list that is laid out as a grid, making it look a bit...
Read more >

github_iconTop Related Medium Post

No results found

github_iconTop Related StackOverflow Question

No results found

github_iconTroubleshoot Live Code

Lightrun enables developers to add logs, metrics and snapshots to live code - no restarts or redeploys required.
Start Free

github_iconTop Related Reddit Thread

No results found

github_iconTop Related Hackernoon Post

No results found

github_iconTop Related Tweet

No results found

github_iconTop Related Dev.to Post

No results found

github_iconTop Related Hashnode Post

No results found