ICEfaces
  1. ICEfaces
  2. ICE-8165

ace:dataTable on Chrome shows focus indicator around top row of dataTable

          Details

          • Type: Bug Bug
          • Status: Closed
          • Priority: Major Major
          • Resolution: Fixed
          • Affects Version/s: 3.0.1, EE-3.0.0.GA
          • Fix Version/s: 3.1.0.RC1, 3.1, EE-3.0.0.GA_P01
          • Component/s: ACE-Components
          • Labels:
            None
          • Environment:
            Chrome v18, 19.
          • Assignee Priority:
            P2

            Description

            When clicking inside of or tabbing into the ace:dataTable, Chrome is rendering it's focus indicator around the top/first row in the table, even though it is not editable. This looks bad but appears to be a bug in WebKit version that Chrome is using.

            Experimentally changing the tabindex values on the dataTable didn't have an impact on this behaviour.

              Activity

              Ascending order - Click to sort in descending order
              Ken Fyten created issue -
              Hide
              Permalink
              Ken Fyten added a comment -

              Doesn't appear to be anything we can do about this. Chrome is rendering the focus indicator around the first row of any <table> content.

              Show
              Ken Fyten added a comment - Doesn't appear to be anything we can do about this. Chrome is rendering the focus indicator around the first row of any <table> content.
              Hide
              Permalink
              Ken Fyten added a comment -

              Some additional research has turned up this solution:

              Use pseudo selector Element:focus

              { Outline:none; }

              to disable the focus indicator being displayed on table in Chrome.

              Show
              Ken Fyten added a comment - Some additional research has turned up this solution: Use pseudo selector Element:focus { Outline:none; } to disable the focus indicator being displayed on table in Chrome.
              Ken Fyten made changes -
              Field Original Value New Value
              Salesforce Case []
              Fix Version/s 3.1.0.RC1 [ 10337 ]
              Fix Version/s 3.1 [ 10312 ]
              Assignee Priority P2
              Assignee Nils Lundquist [ nils.lundquist ]
              Ken Fyten made changes -
              Salesforce Case []
              Fix Version/s EE-3.0.0.GA_P01 [ 10327 ]
              Repository Revision Date User Message
              ICEsoft Public SVN Repository #29450 Tue Jun 12 11:17:27 MDT 2012 nils.lundquist ICE-8165 - Removed table row focus outlines.
              Files Changed
              Commit graph MODIFY /icefaces3/trunk/icefaces/ace/component/resources/icefaces.ace/datatable/datatable.css
              Hide
              Permalink
              Nils Lundquist added a comment -

              Revision #29450
              Committed by nils.lundquist
              Moments ago
              ICE-8165 - Removed table row focus outlines.

              Show
              Nils Lundquist added a comment - Revision #29450 Committed by nils.lundquist Moments ago ICE-8165 - Removed table row focus outlines.
              Nils Lundquist made changes -
              Status Open [ 1 ] Resolved [ 5 ]
              Resolution Fixed [ 1 ]
              Repository Revision Date User Message
              ICEsoft Public SVN Repository #29463 Tue Jun 12 12:21:44 MDT 2012 nils.lundquist ICE-8165 - Removed table row focus outline
              Files Changed
              Commit graph MODIFY /icefaces3/branches/icefaces-3.0.x-maintenance/icefaces/ace/component/resources/icefaces.ace/datatable/datatable.css
              Ken Fyten made changes -
              Resolution Fixed [ 1 ]
              Status Resolved [ 5 ] Reopened [ 4 ]
              Hide
              Permalink
              Nils Lundquist added a comment -

              Revision #29463
              Committed by nils.lundquist
              Moments ago
              ICE-8165 - Removed table row focus outline

              Show
              Nils Lundquist added a comment - Revision #29463 Committed by nils.lundquist Moments ago ICE-8165 - Removed table row focus outline
              Nils Lundquist made changes -
              Status Reopened [ 4 ] Resolved [ 5 ]
              Resolution Fixed [ 1 ]
              Ken Fyten made changes -
              Salesforce Case []
              Affects Version/s EE-3.0.0.GA [ 10262 ]
              Ken Fyten made changes -
              Status Resolved [ 5 ] Closed [ 6 ]

                People

                • Assignee:
                  Nils Lundquist
                  Reporter:
                  Ken Fyten
                • Votes:
                  0 Vote for this issue
                  Watchers:
                  0 Start watching this issue

                  Dates

                  • Created:
                    Updated:
                    Resolved: