wvega/jsfiddle-shortcode

content disappears when I click on the 'includes' dropdown menu

Opened this issue · 3 comments

raghavendra89 commented

Thank you very much. Very useful plugin.

I installed and activated the plugin. I found this strange issue. When the page loads the plugin works properly. However when I click on the 'includes' menu the content in the iframe disappears. I am not able to click on html, css or jquery.

Please take a look at this link: http://raghavendranagaraja.com/wordpress/

Thanks.

wvega commented

Hi @raghavendra89, I'm not sure which is the includes menu you mentioned. Could you please try to explain it to me again?

I checked your website and I think the fiddle is working fine: http://screencast.com/t/ylFjMsOaQ7. Of course, I wasn't able to click the menu you mentioned, so that could explain why I couldn't reproduce the problem.

raghavendra89 commented

Hi @wvega the issue is apparently solved. I made the content area of my blog wider.

When the content area is narrow the menu items: 'html', 'css', 'javascript' will be displayed in a dropdown menu and when I click on them the content disappears. Not sure if it has anything to do with plugin.
Check this video: http://tinypic.com/player.php?v=qsqiz8%3E&s=8#.VCE9x5SSyjU

You can also visit my blog again. I have made the content area narrow to reproduce the problem. (I will keep it like this for next two days.)

wvega commented

Hi @raghavendra89, I'm not seeing the same problems when I check your website. The content of the iframe does disappear, but it returns when I choose another item (html, css, javascript, result). This could be browser-related. I'm using the latest version of Google Chrome in Mac OS.

  1. What browser/OS are you using?
  2. Does the same happens if you manually insert the fiddle using the embed code from http://jsfiddle.net/raghu89/zezLyt34/1/light/?

This is the code suggested in http://jsfiddle.net/raghu89/zezLyt34/1/light/:

<iframe width="100%" height="300" src="http://jsfiddle.net/raghu89/zezLyt34/1/embedded/" allowfullscreen="allowfullscreen" frameborder="0"></iframe>

This is the code that the plugin currently generates:

<iframe style="width: 100%; height: 300px" src="http://jsfiddle.net/raghu89/zezLyt34/1/embedded/result,html,js,css"></iframe>