Problem with "SPOILER" on Chrome

[AkibaWorld]

Hello,

Today I was visiting my forum and then I saw this bug on Google Chrome. When Im using the Spoiler BBCODE I saw that if the spoiler is very big (big, I mean, big size), it creates a "blank space", but only on Google Chrome and I dont know why.

Here you have a link in order to see it: http://akibaworld.es/showthread.php?t=317&page=4&p=16867&viewfull=1#post16867

Example of what happens: http://puu.sh/kUDLj/95a2ee48aa.gif

How Can I solve this?

[Seven Skins]

I see it normal.
Reset your chrome browser to default or disable plugins in browser one at a time to see which one is causing problem.

[AkibaWorld]

I see it normal.
Reset your chrome browser to default or disable plugins in browser one at a time to see which one is causing problem.

Hello! I did it, but it keeps there.

If you are on Windows and you open that link with google chrome you can see this:

http://puu.sh/kTlSz/a6fb7dd927.png

I opened the site on Chrome with iOS9 and it doesnt appear, and with a MAC neither.

I also notice that, if you open the spoiler, and then you close it, the "error" appears, but if I push F12 in order to change something with the Developer Tools it disappear.

[ArcadeSyndicate]

for me it seems ok too :confused:

wich spoiler bbcode do you use?

[AkibaWorld]

for me it seems ok too :confused:

wich spoiler bbcode do you use?

Hello! Thats the problem. Some users are telling me that they can see it (like me) and others cant see it.

This is the code for the SPOILER bbcode:

<center><div style="padding: 0px 5px 0px 5px; border: 1px solid #43a6e9; margin-left: 10px; width: 97%"><div align="center" style="text-transform: none; border-bottom: none; display: block; padding: 3px 0px 3px 0px;">
<span onClick="var spoiler = this.parentNode.parentNode.getElementsByTagName('d iv')[2];
if (spoiler.style.display != ''){
this.parentNode.parentNode.style.width = '97%'
this.parentNode.style.borderBottom = '1px solid #CCCCCC';
spoiler.style.display = '';
this.getElementsByTagName('a')[0].innerHTML = 'Cerrar';
}else{
this.parentNode.parentNode.style.width = '97%'
this.parentNode.style.borderBottom = 'none';
spoiler.style.display = 'none';
this.getElementsByTagName('a')[0].innerHTML = 'Mostrar';
}" />
<a rel="nofollow" href="#" onClick="return false;" style="text-decoration: none;"><b style="font-size: 13px;">Mostrar el Spoiler</b></a>
</span>
</div>
<div class="quotecontent">
<div align="left" style="display: none; padding: 5px 0px 5px 0px;">{param}</div>
</div>
</div>
</center>

[DemOnstar]

IE, Firefox and Chrome display. . . .

https://vborg.vbsupport.ru/attachment.php?attachmentid=153557&stc=1&d=1445583653

[AkibaWorld]

IE, Firefox and Chrome display. . . .

https://vborg.vbsupport.ru/attachment.php?attachmentid=153557&stc=1&d=1445583653

If I use Chrome (and others users too) it happens this, with a BIG SPOILER (a spoiler with an image, f.e.): http://puu.sh/kUDLj/95a2ee48aa.gif

[squidsk]

Those that can't see it need to make sure that javascript is enabled in their browser and/or if they have a plugin that blocks javascript to enable an exception for your site.

[AkibaWorld]

Those that can't see it need to make sure that javascript is enabled in their browser and/or if they have a plugin that blocks javascript to enable an exception for your site.

But whats the solution?

[Seven Skins]

You can put up a notice for the user to enable javascript.

Here is an example: https://css-tricks.com/snippets/javascript/detect-javascript-onoff-with-notification/