Sync confirmation: hide extraneous checkbox ripple on early focus

chrome/browser/resources/signin/sync_confirmation/sync_confirmation.js

 /* Copyright 2015 The Chromium Authors. All rights reserved.
  * Use of this source code is governed by a BSD-style license that can be
  * found in the LICENSE file. */
 
 cr.define('sync.confirmation', function() {
   'use strict';
 
   function onConfirm(e) {
     chrome.send('confirm', [$('configure-before-signing-in').checked]);
   }
@@ skipping 14 matching lines @@
     }
 
     // Prefer using |document.body.offsetHeight| instead of
     // |document.body.scrollHeight| as it returns the correct height of the
     // even when the page zoom in Chrome is different than 100%.
     chrome.send('initializedWithSize', [document.body.offsetHeight]);
   }
 
   function clearFocus() {
     document.activeElement.blur();
+    document.documentElement.classList.add('focus-allowed');
   }
 
   function setUserImageURL(url) {
     if (loadTimeData.getBoolean('isSyncAllowed')) {
       $('profile-picture').src = url;
     }
   }
 
   function onPictureLoaded(e) {
     if (loadTimeData.getBoolean('isSyncAllowed')) {
@@ skipping 13 matching lines @@
   }
 
   return {
     clearFocus: clearFocus,
     initialize: initialize,
     setUserImageURL: setUserImageURL
   };
 });
 
 document.addEventListener('DOMContentLoaded', sync.confirmation.initialize);