Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Already on GitHub? Sign in to your account

colour, when select #397

GoNode5 opened this Issue May 8, 2013 · 6 comments


None yet
4 participants

GoNode5 commented May 8, 2013

Chrome-latest version'

When I select an ng-grid, the borders getting another color. Not sure wether it's angular or chrome/html5. I want the borders to stay grey.


it this possible?

thnx (also for ng-grid)

flocca commented May 8, 2013

Add this to your CSS:

.ngViewport {
    outline: 0 solid;


GoNode5 commented May 8, 2013

seems to work, great, thnx... shouldnt this be standard behaviour?


c0bra commented May 8, 2013

I'm a CSS sad-sack so I don't know why this would be happening. I don't see anything in the ng-grid.css that would affect the viewport outline. It seems to me that a outline on the viewport post-click doesn't really provide any value. Any other thoughts?

flocca commented May 8, 2013

Chrome adds by default an outline to focused text/input boxes and modal divs.

A more concise way to disable this behaviour is setting to 'none' the property:

.ngViewport:focus {
    outline: none;

flocca commented May 8, 2013

This is how all the demos at http://angular-ui.github.io/ng-grid/ looks like on Chrome. So I think it's a good idea to add this to ng-grid.css.

schermata 2013-05-08 alle 18 15 48

@jonricaurte jonricaurte referenced this issue Jun 28, 2013


2.0.7 #511

@jonricaurte jonricaurte added a commit that referenced this issue Jun 29, 2013

@jonricaurte jonricaurte Making fixes for #341 #298 #397
Still need to look into the colDef.width merge more.

jonricaurte commented Jun 29, 2013

Fixed in 2.0.7

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment