FB.Canvas.setAutoGrow() Проблемы с реакцией JS

Question

Я использую Facebook JavaScript SDK внутри приложения React JS.

Согласно documentation, я звоню FB.Canvas.setAutoGrow() после того, как SDK загружается в.

window.fbAsyncInit = function() { 
    FB.init({ 
     appId: FACEBOOK_APP_ID, 
     xfbml: true, 
     version: 'v2.5' 
    }); 

    FB.Canvas.setAutoGrow(); 

    ReactDOM.render(routes, document.getElementById('app')); 
}; 

Метод FB.Canvas.setAutoGrow() работает 100 мс интервал, который изменяет размер холста, чтобы соответствовать содержанию приложения, но я до сих пор см. прокрутку в приложении.

Я использую React Router, поэтому приложение является одностраничным приложением, что, по моему мнению, может вызвать проблемы для меня. Это так, или я делаю что-то еще неправильно?

Answer 1

Я использую React (и React Router) для Facebook Apps тоже, должен быть абсолютно неактуальным для вашего дела. Убедитесь, что ширина содержимого не превышает 810px, иначе он отобразит обе полосы прокрутки. Вы также можете использовать overflow:hidden, чтобы скрыть полосы прокрутки. Я мог бы рассказать больше с помощью тестовой ссылки.

Редактировать: Не работает с height:100%, установите контейнер на фиксированную высоту или удалите настройку высоты.