Web IDE layout mucho bizarro on Mac OS X Chrome... #3627
Replies: 25 comments
-
Posted at 2014-02-10 by @gfwilliams Sorry - I can't see your picture. Can you post it up some other way? Does the forum image upload feature not work? I haven't seen anything very messed up - the worst I've had was the connect/disconnect button scrolling off the screen on smaller screens on Windows. |
Beta Was this translation helpful? Give feedback.
-
Posted at 2014-02-10 by Codepope I've re-done the picture for you. It appears, from further experimentation, that it's around 3 in 4 launches of the extension make it appear that way. At other times it launches correctly aligned, albeit that the code window is around 10% of the total window, not the 50% the CSS specifies. It feels like one of those irritating layout race conditions but not sure whats tripping it. |
Beta Was this translation helpful? Give feedback.
-
Posted at 2014-02-10 by @gfwilliams Whoa. Yeah, I've never seen that before on any platform. Which version of Chrome do you have? That's about all I can think would be the issue. I guess what could be happening is that the JavaScript code itself fails with some error. You could try installing from this site: github.com/espruino/EspruinoWebIDE Then you can right-click, click |
Beta Was this translation helpful? Give feedback.
-
Posted at 2014-02-10 by Codepope Running with Version 33.0.1750.70 beta. I already had the github version installed and it wasn't showing any obvious errors in the console... Chrome does NOT have pre-M33 serial API I'll can go back and check the current release version if you want, but this beta will be upon us sooner rather than later.... (Goes and checks)... Dammit. It's the beta. The current release version seems to be fine. You may want to check against the beta version on Windows see if the problem I'm seeing comes up there or if its just a Mac beta issue. |
Beta Was this translation helpful? Give feedback.
-
Posted at 2014-02-10 by @gfwilliams No, that's good (very good to test the new Serial API) - however my guess is that the bug you're having might actually be a problem with Chrome if it's not throwing up any JS errors when there are the layout problems. |
Beta Was this translation helpful? Give feedback.
-
Posted at 2014-02-12 by ArthurGuy Hi, I am experiencing the same problem and as Codepope suggested it looks like Chrome beta is causing the problems. |
Beta Was this translation helpful? Give feedback.
-
Posted at 2014-02-15 by MarcusAsplund Probably same here, Chromebook Pixel. IDE almost totally covered with the black overlay. |
Beta Was this translation helpful? Give feedback.
-
Posted at 2014-02-16 by @gfwilliams It'd be good if someone could look into this a bit and see if errors are reported on the console. Am I right in thinking that Chrome beta won't make itself the default browser, so anyone that has this problem right now probably has another (normal) version of chrome. |
Beta Was this translation helpful? Give feedback.
-
Posted at 2014-02-20 by Valentin Hello - I had the same problem in Chrome Canary but in 'normal' Chrome (Version 32.0.1700.107 for OS X) everything looks just fine. |
Beta Was this translation helpful? Give feedback.
-
Posted at 2014-02-20 by hansamann Can you code for espruino on the Pixel? I've tried once, but you cannot access the USB/Serial I think. |
Beta Was this translation helpful? Give feedback.
-
Posted at 2014-02-21 by @gfwilliams I've seen it working on a normal Chromebook, so I'd assume it would work fine on a Pixel... |
Beta Was this translation helpful? Give feedback.
-
Posted at 2014-02-21 by @gfwilliams Just an update here. Fails on MacOS Chrome 33 and 35(canary), but works on Linux Chrome 33. No JavaScript errors reported - not sure what I can do here, it sure seems like a browser issue. |
Beta Was this translation helpful? Give feedback.
-
Posted at 2014-02-22 by Loop I'm running 33.0.1750.117 on OSX and after reinstalling the extension (I wanted to get back to original settings) I was having roughly the same issue (not exactly, but still layout was totally wrong and interface unusable); By trial and error (and lots of luck actually!), I issued
in the extension developer mode console, and after restarting it worked fine - Previously I had about 100 lines; Interestingly, reloading the same code and then restarting the extension was ok, so it's not just that it doesn't like that much code. |
Beta Was this translation helpful? Give feedback.
-
Posted at 2014-02-23 by hansamann I have the same issue now. I opened the web ide, then saw this. I have meanwhile removed the IDE and installed again, but still looks like this :-( Chrome 33 )Attachments: |
Beta Was this translation helpful? Give feedback.
-
Posted at 2014-02-24 by @gfwilliams @hansamann are you using Chrome beta rather than the normal Chrome? I guess you must be if it's v33. I'm still not 100% sure what the issue is here as it works fine on Chrome v33 for Linux. I think this is probably a bug in Chrome for MacOS though so I honestly don't know what I can do about it. |
Beta Was this translation helpful? Give feedback.
-
Posted at 2014-02-24 by hansamann Strange, i believe this is the normal chrome. I got a pixel and Work in that, works fine there. But its an annoying issue. It seems just some CSS layout is off. Could it be made Mord stable with some forgiving margins here and there? It looked like the original terminal/code split adds up to exactly 100%, which might stack divs vertically if they don't fit next to each other. |
Beta Was this translation helpful? Give feedback.
-
Posted at 2014-02-24 by @gfwilliams Wow, that's bad then. Looks like they updated on friday: http://googlechromereleases.blogspot.co.uk/2014/02/stable-channel-update_20.html It's actually a third party library which is supposed to handle the dragging... I'd be interested to see if this page works for you: http://layout.jquery-dev.net/demos/simple.html |
Beta Was this translation helpful? Give feedback.
-
Posted at 2014-02-24 by hansamann Just uninstalled and installed a definitely non-beta version. As you found out, they just updated a few days ago, which means it's now all our problem, right? The second link works fine for me - I've not clicked all buttons but the layout works fine, (header, then three colums, all nice). |
Beta Was this translation helpful? Give feedback.
-
Posted at 2014-02-25 by @gfwilliams Right. I'll try and look at this today - any help anyone else can give would be really appreciated though. |
Beta Was this translation helpful? Give feedback.
-
Posted at 2014-02-25 by @gfwilliams Well this sucks. I just checked on a few computers and it looks like a bug in Chrome on MacOS that Google have since fixed... Chrome Beta on MacOS now works, and Chrome Stable on Windows and Linux works too. It's just Chrome Stable on MacOS that's broken, so I guess I'm going to have to try and find a fix even though it'll magically fix itself in a fortnight :( |
Beta Was this translation helpful? Give feedback.
-
Posted at 2014-02-25 by @gfwilliams Just to add: I've just fixed this. I'll be updating the Web IDE in a few hours but if you can't wait, try: www.github.com/espruino/EspruinoWebIDE |
Beta Was this translation helpful? Give feedback.
-
Posted at 2014-02-25 by @gfwilliams Ok, it's been submitted to the Chrome store, so it should auto-update in an hour or so. |
Beta Was this translation helpful? Give feedback.
-
Posted at 2014-02-26 by user6564 Hmmm I'm still having this problem. |
Beta Was this translation helpful? Give feedback.
-
Posted at 2014-02-26 by @gfwilliams Thanks... It turns out that just having the 'Inspect Element' window in Chrome open is enough to make it work! So either:
or:
I'm going to try and get this working properly, but it looks to me like pretty big problem in Chrome if it only happens in MacOS and only when one of Chrome's windows isn't open. |
Beta Was this translation helpful? Give feedback.
-
Posted at 2014-02-26 by @gfwilliams Right - v36 should fix this for sure - it'll auto update in an hour. I had to add a delay on startup that is only applied to Mac OS X Chrome 33.0.1750 |
Beta Was this translation helpful? Give feedback.
-
Posted at 2014-02-08 by Codepope
I brought up the Web IDE to give the freshly arrived boards a try and it seems to be having issues on this Mac OS X Chrome install... let me show you...
East/Center/West seems to be Up/Centre/Down in the UI, there's stuff covering other stuff (like the [i] button which made firmware updating an interesting process... resizing the window eventually revealed it) and it's a bit all over the shop. Is this a known issue?
Dj
Attachments:
Beta Was this translation helpful? Give feedback.
All reactions