[KULRICE-13264] In Chrome, when links are selected in Library two blue border lines form around sections on the page Created: 15/Sep/14 Updated: 16/Jan/15
|Project:||Kuali Rice Development|
|Component/s:||Development, User Experience (UX)|
|Security Level:||Public (Public: Anyone can view)|
|Remaining Estimate:||Not Specified|
|Time Spent:||Not Specified|
|Original Estimate:||Not Specified|
|KAI Review Status:||Not Required|
|KTI Review Status:||Not Required|
|Code Review Status:||Not Required|
|Include in Release Notes?:||
As a KRAD user I do not want blue borders to appear when I select a link.
When using Chrome, if you select a link it puts two blue borders around different sections on the page.
To see an example go to KRAD Library --> Fields --> Link Field or http://env14.rice.kuali.org/kr-krad/kradsampleapp?viewId=Demo-GroupLinkFieldView
|Comment by Kristina Taylor (Inactive) [ 17/Oct/14 ]|
I'm pretty sure this has to do with webkit-focus-ring-color but I can't figure out whether it is in one of our mixins that we do this or just in the user agent stylesheet that comes with Chrome. The first we would have to do a UXI review. The second you can theoretically override in your Chrome instance, but I haven't had any luck.
|Comment by Kristina Taylor (Inactive) [ 22/Oct/14 ]|
Confirmed it was a user agent stylesheet issue. Chrome has disabled being able to override their custom styles easily. Recommend we override this feature somewhere in Rice because the boxes are annoying. Perhaps there is a different solution as well.