Can't save/see any dabblet CSS code

GlassGruber commented 12 years ago

Hey there! so the fact is weird, in few words i can't save nor see any saved css in dablet.

If i follow any linked dablet work, i'm able to see only the unstyled html composed object, but in the html/css/all panel i see no code at all! The only way to see the proper object is to "view the full page result"; if i check the gist on github i can see the whole code properly, (i guess that's why the full page result view is working as expected).
The other problem is that i cant save any dablet css in my gists for unkown reasons; this is the small dabblet i was working to on github https://gist.github.com/2550542, as you see only the html code is saved! this is the dabblet direct-link http://dabblet.com/gist/2550542, if you are experiencing my same bug, you will see nothing but the html coded object.

This is the whole thing on Tinkerbin (sob i love Dabblet though :( ) http://tinkerbin.com/6s4sUhqG

Anyone else with these issues? hope my message is clear enough, english is not my first language sry :)

LeaVerou commented 12 years ago

Hi Gruber,

Try hard refreshing
Try logging out and then logging in again ( logout: run in the console localStorage.removeItem('access_token') )

Let me know if any of those worked. I'm in the process of making some changes to dabblet, so one of them might have broken it. Also: are there any JavaScript errors in the console?

Thank you for your feedback.

GlassGruber commented 12 years ago

Sry forgot to say i used chrome 18.0.1050.0 and Firefox 12, both with the same exact issues :(

GlassGruber commented 12 years ago

woa you answered fast as light ! :) i'll check and tell you

GlassGruber commented 12 years ago

Ok so the chrome inspector console reported this error

Uncaught TypeError: Object 2 has no method 'getAttribute'
window.Incrementableincrementable.js:19
window.Editor.$u.event.bind.focus

Logged out and hard refreshed, the css won't load/save, even in anonymous saving.

LeaVerou commented 12 years ago

Thanks, will try to look into this after I fix another bug I'm currently working on. Will let you know about the progress.

GlassGruber commented 12 years ago

Ok thx for help! I really love dabblet, sry i don't know how to help you with this, my JS knowledge is pretty low :(

LeaVerou commented 12 years ago

I just tried it and it saved fine. I added a console.log() statement to log which object it's trying to call getAttribute on, could you tell me what's logged there? Also, when does this error appear? When you save or when you open a dabblet?

GlassGruber commented 12 years ago

Ok something changed, as now it works fine in firefox, saving and so on, but not that well in chrome

now i can sometime see the whole thing correctly, it seems to be triggered by this error reported on the js chrome console:

Uncaught TypeError: Object 2 has no method 'onkeyup'
result.onload
document.onkeydown

When this error happens i see only the html code, no css code is loaded. When it pass with no errors, everything is fine!

saving is still not possible, the css continue to disappear in the gist, and few more errors are reported:
1. the same error reported above
2. this one

       Uncaught TypeError: Object 2 has no method 'getAttribute'
       Dabblet.settings.handlers.page      dabblet.js:135
       Dabblet.settings.applyOne           dabblet.js:255
       input.onclick                       dabblet.js:219

and this one too

   Uncaught TypeError: Object 2 has no method 'getAttribute'  incrementable.js:19
   window.Incrementable                                       incrementable.js:19
   window.Editor.$u.event.bind.focus                          editor.js:364

I guess though it could be some kind of conflict with some plugin on chrome, i'll try disable some and test if something change, in the meanwhile thx again! ;)

GlassGruber commented 12 years ago

Ok after a fresh reinstall of chrome and some testing here's the bad guy: Chrome Sniffer. Dunno why but with this on, can't load the css panel code nor save it, guess the JS script injecting to sniff stuff on Dabblet screw the whole thing. Disabling it will do the trick! Hope this helps some how and thx for your patience ;) cheers!

LeaVerou commented 12 years ago

Oh right, I reckon others having issues with dabblet and that extension. I should add it in a FAQ or something. Thanks!

Sent from my iPhone. Please excuse weird typos and/or terseness.

On 30 Απρ 2012, at 20:21, Gruber reply@reply.github.com wrote:

Ok after a fresh reinstall of chrome and some testing here's the bad guy: Chrome Sniffer. Dunno why but with this on, can't load the css panel code nor save it, guess the JS script injecting to sniff stuff on Dabblet screw the whole thing. Disabling it will do the trick! Hope this helps some how and thx for your patience ;) cheers!

Reply to this email directly or view it on GitHub: https://github.com/LeaVerou/dabblet/issues/165#issuecomment-5422400

kinduff commented 12 years ago

Same issue, worked disabling the Chrome Sniffer Plugin. Thanks @UberGruber

LeaVerou / dabblet

Can't save/see any dabblet CSS code #165