Smooch при закрытии, изменил нижнюю часть моей страницы html

Question

Так выглядит страница в Chrome, когда закрывается: https://s3.amazonaws.com/uploads.hipchat.com/39260/829560/ByURnsF2qd3laSO/upload.png Как вы можете видеть. внизу страницы зафиксировано, поэтому я не могу пройти мимо этого. Но в Firefox, когда диалог чата smooch закрыт, страница выглядит так: https://s3.amazonaws.com/uploads.hipchat.com/39260/829560/BCrKoabYoWYjH0j/upload.png Окна чата, закрывающиеся, не должны быть видимыми, но если я прокручу вниз, он будет там. Если я открываю чат, то дополнительный интервал исчезает, и я не могу прокрутить страницу вниз (она исправляет проблему): https://s3.amazonaws.com/uploads.hipchat.com/39260/829560/5NraM0G864Qf1mU/upload.png Но это только до тех пор, пока я не закрою его снова, что заставит его добавить дополнительный интервал, страница прокручивается. Это, как я начинаю Smooch:

$rootScope.smooch_inited = $rootScope.smooch_inited || false; 
function initSmooch() { 
    if (!$rootScope.smooch_inited) { 
     try { 
      $rootScope.smooch_inited = true; 

      var window_focus = true; 
      $(window).focus(function() { 
       window_focus = true; 
      }).blur(function() { 
       window_focus = false; 
      }); 

      Smooch.on('message:received', function() { 
       if (!window_focus || !Smooch.isOpened()) { 
        //Play sound 
        var audio = new Audio('assets/audio/ding.wav'); 
        audio.play(); 
       } 
       Smooch.open(); 
      }); 
      var promise = Smooch.init({ 
       appToken: smooch_key, 
       givenName: $rootScope.data.user.first_name, 
       surname: $rootScope.data.user.last_name, 
       properties: { 
        email: $rootScope.data.user.email, 
        uid: $rootScope.data.user.id, 
        language: $rootScope.data.user.language, 
        country: $rootScope.data.user.country 
       } 
      }); 
      promise.then(function() { 
       $('#sk-holder').addClass('no-print'); 
      }); 
     } catch(e) { 
      $timeout(function() { 
       initSmooch(); 
      }, 1000); 
     } 
    } 
} 

Это, как я впрыснуть сценарий:

injectJS.set('smooch', 'https://cdn.smooch.io/smooch.min.js'); 

Является ли это поправимо? PS: он работает на Chrome и Safari, до сих пор только Firefox имеет эту проблему.

Answer 1

Удаление этого из CSS сделал его работу: -webkit-transform: translateZ(0px);