Невероятное сокращение комментариев Facebook

Question

Это одно странное. У меня есть комментарии HTML5 на Facebook на одной из моих страниц, и после загрузки страницы область комментариев Facebook начинает сжиматься горизонтально, пока она не достигнет 5 или 0 пикселей. Вы можете увидеть здесь:

http://www.rocketcases.com/casestarter/captain-quinn

Я не могу понять, почему это начало происходить. Это не началось так, но это только начинало делать это недавно.

Я пробовал отключить все мои другие JS, и это все еще происходит. Я искал Google и StackOverflow. Кажется, что никто еще не сталкивался с этим.

Любые идеи? Я пропустил что-то очень очевидное?

Answer 1

Установите ширину пролета, которая находится внутри контейнера fb-comments fb_iframe_widget, до 100% !important.

Как это:

.fb_iframe_widget span { width: 100% !important} 

EDIT:

Причина, как представляется, в одном из сценариев Facebook, которая вычисляет ширину элемента относительно родительского элемента. Часть из сценария:

s.height=Math.max(this._shrinker.offsetTop,0) 

Что это означает, если родительский элемент (в вашем случае, ДИВ с классами FB-комментарии и fb_iframe_widget) не имеет фиксированную ширину, то сценарий будет цикл и держать на уменьшая ширину.

Вот отрывок из сценария, если вы заинтересованы: http://pastebin.com/GesPgQNY

Answer 2

Установка min-width для элемента будет решить эту проблему. и лучше назначить уникальный класс родительскому элементу плагина, чтобы избежать конфликтов в будущем.

.fb-comments.fb_iframe_widget span:first-child { 
min-width: 600px; 
} 

Answer 3

Это было связано с тем, что я добавил некоторый пользовательский CSS, чтобы размер ширины разделителя комментариев FB.

.fb-комментарии, .fb-комментарии iframe [style] {ширина: 90%! Важное;

Как только я удалил это, он работает нормально. Так странно.

Спасибо за помощь!