Disqus установлен вручную, только показывает disqus_thread iframe с 1px! Important

Question

Реализация Disqus вручную дает мне только 1px iframe. Удаление этой строки из инструментов разработчика показывает Disqus. Невозможно найти людей, столкнувшихся с одной и той же проблемой, используя Google.

В консоли нет ошибок.

Это код, он будет в конечном итоге показать:

<iframe 
    id="dsq-app1" 
    name="dsq-app1" 
    allowtransparency="true" 
    frameborder="0" 
    scrolling="no" 
    tabindex="0" 
    title="Disqus" 
    width="100%" 
    src="url.html&amp;s_o=default" 
    style=" 
    width: 1px !important; /* Here it's defined by default */ 
    min-width: 100% !important; 
    border: none !important; 
    overflow: hidden !important; 
    height: 933px !important;" 
    horizontalscrolling="no" 
    verticalscrolling="no"> 
</iframe> 

Он составлен и в IFRAME, поэтому я не имеет никакого контроля над ним, установив ширину на 100% будут перезаписаны IFRAME

Возможно, у кого-то была эта проблема?

Answer 1

У меня такая же проблема с использованием этого плагина в WordPress, и я нашел причину в моем env. Свойство display:flex вызвало эту проблему, поэтому я ставлю этот код,

<div class="main-content"> 
    <div class="content">...</div> 
    <iframe id="dsq-app*">... 
</div> 

и CSS

.main-content { 
    display: block; 
} 

Если вы используете макет сетки, я считаю, что это поможет.

Answer 2

Добавить родительский DIV и установите ширину 100% к нему

<div id="disqus_thread_parent"> 
    <div id="disqus_thread"></div> 
</div 

CSS

#disqus_thread_parent{ width: 100%;}