Closed waitingduck closed 7 years ago
Hi @waitingduck
The issue is completely CSS. :)
So, I assume you're using Chrome. Chrome adds outline
styles for focused elements depending device (mobile or desktop). Please take a look:
And in computed:
To fix that just add:
tr.md-row:focus {
outline: none;
}
PROFIT :1st_place_medal:
Hi @ielektronick
That's a good suggestion and fix my problem. But wondering do you know why is that happen?
Thanks!
@waitingduck Its a default browser outline its supposed to help keyboard users and users with reduced vision where there currently are on the page.
I see. Thank you @AntonisFK and @ielektronick. Problem solved:)
Hi,
I would like to know is it possible to remove the blue line made by ng-click because this blue line render not as expected. I cannot reproduce it on your demo, but maybe is similar to the result when you double click the row and the left and right line will disappear(in live demo).
After add ng-click to \<tr>. It shows blue line when you click the row.
If you double click, left and right line disappear.
![screen shot 2017-04-20 at 3 40 09 pm](https://cloud.githubusercontent.com/assets/6858982/25255646/8d199444-25e0-11e7-9969-45b3505aaa93.png)
Mine is worse, it some time looks like this
or
![screen shot 2017-04-20 at 3 41 04 pm](https://cloud.githubusercontent.com/assets/6858982/25255662/a6061766-25e0-11e7-93ce-4a8cdc9a20be.png)
Here is my code
Not sure what happened here. So my first thought is to disable the blue line. Any suggestion is welcome.
Thanks.