looks like now i can view the sidebar, but still right or left clicking causes the bar to go away automatically, which causes issues when you want to lets say... click on a message to view or click on a button to do an action.
icari
-
- Posts: 88
Nao
- Dadman with a boy
-
-
- Posts: 16,082
Yes, I fixed some additional issues with the sidebar. Opera < 15 still doesn't do great, mostly because it has the same problem as Firefox (middle-click -> can't cancel the default behavior for it, but it'll still toggle the sidebar.)
I don't really care about Opera < 15 to be honest, because it's outdated now, and eventually Presto will be used by a tiny, tiny fraction of web users. Opera Blink is still very far from Opera Presto's coolness, and it'll be a long time before I use it by default on my computer, but at least it works when it comes to the sidebar, so... No need to bother too much, just like I decided not to bother with IE6/7 and not give them a responsive sidebar. (Makes things much easier, ah ah...)
As for the extra click -- it's irrelevant. Most implementations of a toggable sidebar do the same, i.e. if you click OUTSIDE of the sidebar, the software assumes you want to get away from it, and thus it hides it. Showing it again, is just a click away.
If you click INSIDE the sidebar, of course it's not going to go away. Actually, I even added some code to ensure that clicking outside the sidebar, but inside a scrollbar, will not close it either.
(Edited.)
I don't really care about Opera < 15 to be honest, because it's outdated now, and eventually Presto will be used by a tiny, tiny fraction of web users. Opera Blink is still very far from Opera Presto's coolness, and it'll be a long time before I use it by default on my computer, but at least it works when it comes to the sidebar, so... No need to bother too much, just like I decided not to bother with IE6/7 and not give them a responsive sidebar. (Makes things much easier, ah ah...)
As for the extra click -- it's irrelevant. Most implementations of a toggable sidebar do the same, i.e. if you click OUTSIDE of the sidebar, the software assumes you want to get away from it, and thus it hides it. Showing it again, is just a click away.
If you click INSIDE the sidebar, of course it's not going to go away. Actually, I even added some code to ensure that clicking outside the sidebar, but inside a scrollbar, will not close it either.
Posted: July 15th, 2013, 03:40 PM
(Edited.)
Okay, did some extra modifications... Tested in oldOpera, oldIE, and Chrome. Tested with all skins. Now the skins should all be working great, *and* hardware acceleration is enabled even on Warm and Wine, which is nice. And finally --- the best part is that I'm no longer doing browser sniffing to determine if you can have hardware acceleration, so it should be working 100% for everyone, at last...
Arantor
-
-
- As powerful as possible, as complex as necessary.
- Posts: 14,278
So, here we are in a hotel room with decent wifi and we thought we'd check out the sidebar. We have an iPad 2 and an iPad 3 (so, one 1024x768 and one 2048x1536 retina display) both running Safari with iOS 6.1.3, neither has been modified or running dev code at this time.
Here's where it gets funky. On the iPad 3 (retina one), I don't see a sidebar displayed, even in landscape. It's hidden and I have to unhide it, which is fine. The iPad 2 on the other hand, shows the sidebar all the time, even in portrait mode, even after refreshing the page. Both iPads are using wedge.org while logged in so it's not a guest account vs member account. Admittedly the other account is not a beta tester or admin but I fail to see why that would make a difference.
Also, I assume the sidebar button is positioned at the top of the viewport when going to a page? I don't entirely know what is intended but here's what I'm seeing on iPad 3: the button appears at the top of the page for wherever I go to. So for this page for example, I came here from other navigation and arrived at #new, so looking at the last post and the sidebar button is aligned with the last post.
Now, aligning it with the top of the page when the user lands somewhere is neat - provided it follows them. Otherwise they could easily jump to the mid point of a page and then not be able to find the sidebar again because the button is somewhere on the page. Now, if it is supposed to follow my movements, it's not doing that. I did, while writing a long post, see the sidebar button manifest itself on the far right of the page just above the quick reply area, but only for a short while before it disappeared to who knows where - I was writing a long post and didn't see where it went.
Wait, if I'm in the editor and delete a line of text, such that I force the content to come back down to me (e.g. long post, I double-hit enter to make new lines then delete those lines) the button will appear on the far right of the page but will move if I cause the editor to scroll in any direction.
It's interesting but it seems unreliable to me :( (it's a shame because I can see how hard you've worked but I keep finding things that cause it to break)
Here's where it gets funky. On the iPad 3 (retina one), I don't see a sidebar displayed, even in landscape. It's hidden and I have to unhide it, which is fine. The iPad 2 on the other hand, shows the sidebar all the time, even in portrait mode, even after refreshing the page. Both iPads are using wedge.org while logged in so it's not a guest account vs member account. Admittedly the other account is not a beta tester or admin but I fail to see why that would make a difference.
Also, I assume the sidebar button is positioned at the top of the viewport when going to a page? I don't entirely know what is intended but here's what I'm seeing on iPad 3: the button appears at the top of the page for wherever I go to. So for this page for example, I came here from other navigation and arrived at #new, so looking at the last post and the sidebar button is aligned with the last post.
Now, aligning it with the top of the page when the user lands somewhere is neat - provided it follows them. Otherwise they could easily jump to the mid point of a page and then not be able to find the sidebar again because the button is somewhere on the page. Now, if it is supposed to follow my movements, it's not doing that. I did, while writing a long post, see the sidebar button manifest itself on the far right of the page just above the quick reply area, but only for a short while before it disappeared to who knows where - I was writing a long post and didn't see where it went.
Wait, if I'm in the editor and delete a line of text, such that I force the content to come back down to me (e.g. long post, I double-hit enter to make new lines then delete those lines) the button will appear on the far right of the page but will move if I cause the editor to scroll in any direction.
It's interesting but it seems unreliable to me :( (it's a shame because I can see how hard you've worked but I keep finding things that cause it to break)
When we unite against a common enemy that attacks our ethos, it nurtures group solidarity. Trolls are sensational, yes, but we keep everyone honest. | Game Memorial
Nao
- Dadman with a boy
-
-
- Posts: 16,082
So, here we are in a hotel room with decent wifi and we thought we'd check out the sidebar.
(I must say, it's interesting that I was finally able to see you 'live' after 3 years working together and only knowing you from a single picture, and yet you're 20 times further away from me than you usually are... :^^;:)
We have an iPad 2 and an iPad 3 (so, one 1024x768 and one 2048x1536 retina display) both running Safari with iOS 6.1.3, neither has been modified or running dev code at this time.
- Windows 7, main dev browser has been Chrome Canary for 6+ months, usual test browsers are Opera 15, IE10, and sometimes Firefox Aurora. These days, also Opera 12.16 (cf. comments in the thoughts.)
- S3 smartphone with Android 4.1.2, rooted, using the regular Chrome, with Firefox Beta as my occasional test browser, and very rarely, the stock browser (which I think sucks.)
- iPod 4 with iOS 5.1.x (probably just 5.1), rooted, using the regular Chrome. The only reason I've re-charged it these days, is to play Ron Gilbert's Scurvy Scallywags (very nice game, albeit a bit hard, so reliant on (bad) luck that it can get troublesome...), and Safari used to crash on me, but apparently, these days it doesn't, so I just tried on it...
It looks like the current Safari + iPod version gives me a different result... Instead of having the fixed button on the top right, it shows it on the top left (?!), and only a very small portion of the button, uh... Yeah, sure, great devs at Apple...
Here's where it gets funky. On the iPad 3 (retina one), I don't see a sidebar displayed, even in landscape. It's hidden and I have to unhide it, which is fine.
You definitely should try remote debugging Wedge from your Mac. You have a Mac, I believe..? Since I don't, and don't plan to ever buy one, I can't debug their stupid Safari, and thus, can't see which media queries are triggered, etc...
The media queries are as such, IIRC ($response = max-width: 1000px):
- "$responsive" hides the sidebar, and shows the sidebar button in the top_bar, where it sits next to the Upshrink icon and Search form.
- "$responsive and min-resolution: 1.5dppx" additionally makes the sidebar button a fixed button, and moves it to the top right corner.
And, that's all there is to it...
The first query should run everywhere (including iPads), if the windows is shrunk. The second query specifically targets smartphones, by ensuring we're both in a low res, AND we have a Retina screen or better. Of course, I could simply test against the OS, or the 'mobile' variable, or both, as it would thus take bad screens into account... But, well. I'm not sure about this.
Normally, an iPad 2 shouldn't trigger the second query, but an iPad 3 and iPhone/iPod 4+ should. As I said, my iPod 4 doesn't show the button entirely, but that's probably down to a change I made yesterday, which I'm bound to cancel at some point, i.e. I changed the button width to use vw units (percentile of viewport width), which is great, but messes up the button in desktop mode, ah ah... (I even had to add an @if mobile test, to ensure it wouldn't screw up.)
The iPad 2 on the other hand, shows the sidebar all the time, even in portrait mode, even after refreshing the page.
Also, I assume the sidebar button is positioned at the top of the viewport when going to a page? I don't entirely know what is intended but here's what I'm seeing on iPad 3: the button appears at the top of the page for wherever I go to. So for this page for example, I came here from other navigation and arrived at #new, so looking at the last post and the sidebar button is aligned with the last post.
Now, aligning it with the top of the page when the user lands somewhere is neat - provided it follows them. Otherwise they could easily jump to the mid point of a page and then not be able to find the sidebar again because the button is somewhere on the page. Now, if it is supposed to follow my movements, it's not doing that.
iOS didn't support position: fixed at all, years ago, but now it's supposed to... In fact, it does support it on my iPod+Safari, if you don't take the button size into account.
I did, while writing a long post, see the sidebar button manifest itself on the far right of the page just above the quick reply area, but only for a short while before it disappeared to who knows where - I was writing a long post and didn't see where it went.
Wait, if I'm in the editor and delete a line of text, such that I force the content to come back down to me (e.g. long post, I double-hit enter to make new lines then delete those lines) the button will appear on the far right of the page but will move if I cause the editor to scroll in any direction.
It's interesting but it seems unreliable to me :( (it's a shame because I can see how hard you've worked but I keep finding things that cause it to break)
So, I'm definitely not going to give up on this, but I'm guessing I'll have to rely on someone with a Mac to do the debugging for me, because I'm not buying a friggin' Apple computer just for the sake of ensuring they didn't screw up with my code, eh...
iPad 1: 1024 x 768
Browser: Safari
Portrait: sidebar visible
Landscape: sidebar invisible, must scroll horizontally to see, no sidebar button
Samsung Galaxy S3
Browser: Stock
Portrait: no sidebar, part of button upper right but not selectable
Landscape: no sidebar, part of button upper right but not selectable
No sidebar, no menu on top so not even possible to login etc.
Ps
You could, for test purposes, run Apple OS X in a virtual machine on your Windows computer.
Enough info on the internet. With some searching even complete images for virtual machines.
Browser: Safari
Portrait: sidebar visible
Landscape: sidebar invisible, must scroll horizontally to see, no sidebar button
Samsung Galaxy S3
Browser: Stock
Portrait: no sidebar, part of button upper right but not selectable
Landscape: no sidebar, part of button upper right but not selectable
No sidebar, no menu on top so not even possible to login etc.
Ps
You could, for test purposes, run Apple OS X in a virtual machine on your Windows computer.
Enough info on the internet. With some searching even complete images for virtual machines.
Arantor
-
-
- As powerful as possible, as complex as necessary.
- Posts: 14,278
Regarding the PS... running OS X on virtual machines is tricky at best. VirtualBox just sits there and complains if you try to run OS X as a guest VM when you're not already on OS X (I tried this before)
I tried OS X 10.8 Mountain Lion in VMware workstation. It should also work in VMware Player.
Works good as far as I can tell.
Maybe a bit slow, but I don't mind for test purposes.
OS X can officially only run on VMWare Fusion.
Some guys made work arounds to run in other virtual machines including Virtual Box.
I used a VMWare image (complete with Darwin.iso) I found on the internet.
So I downloaded the image, fired up VMWare and started OS X.
Works good as far as I can tell.
Maybe a bit slow, but I don't mind for test purposes.
OS X can officially only run on VMWare Fusion.
Some guys made work arounds to run in other virtual machines including Virtual Box.
I used a VMWare image (complete with Darwin.iso) I found on the internet.
So I downloaded the image, fired up VMWare and started OS X.
Arantor
-
-
- As powerful as possible, as complex as necessary.
- Posts: 14,278
Yay for doing it illegally. (The licence actually states it can only be used on Apple equipment. It is also unlikely it will work properly for users who have AMD processors.)
Nao
- Dadman with a boy
-
-
- Posts: 16,082
Whether it's legal or not, I don't really care... Apple doesn't like Windows users, and wants to force them into using OS X to debug websites running under Safari Mobile. Good for them. But it doesn't mean I have to fork out $1K for a crappy machine that's going to make me miserable, just like their mobile OS made me miserable over the years. Mind you, I'm not a pro-Google either -- I just installed their new Maps update, and it sucks -- but they're still the ones who innovated on the mobile front in the last few years, and with terms that were far more user-centric...
Anyway, all I need to say is:
- I don't have an iPad, nor do I have plans to buy one. (Maybe an iPad Mini, in the far future, if Google starts trailing iOS...)
- Wedge.org runs okay on my iPod 4 + Safari Mobile.
- Thus, I have no reason to install OS X and debug something that doesn't happen to me...
- Unless they provide an iPad emulator over there, of course.
Do they..?
Anyway, all I need to say is:
- I don't have an iPad, nor do I have plans to buy one. (Maybe an iPad Mini, in the far future, if Google starts trailing iOS...)
- Wedge.org runs okay on my iPod 4 + Safari Mobile.
- Thus, I have no reason to install OS X and debug something that doesn't happen to me...
- Unless they provide an iPad emulator over there, of course.
Do they..?
Hmm, my AltGr key decided to drop dead or something, hopefully it's only temporary, but I can no longer enter brackets like [ (only doing it through a copy'n'paste...), so it's not cool, definitely not cool...Quote from Johnny54 on July 18th, 2013, 01:52 AM Unwanted.Quote Unwanted. And totally illogical, may I add...
What iOS version..?Quote My S3 + stock browser: both rotations give me the button alright, although it's (still) the small version, but I definitely can open the sidebar by pressing it, I just have to be precise is all, eh eh...
iPad 1: 1024 x 768
Browser: Safari
Portrait: sidebar visible
Landscape: sidebar invisible, must scroll horizontally to see, no sidebar button
What iOS version..?
Samsung Galaxy S3
Browser: Stock
Portrait: no sidebar, part of button upper right but not selectable
Landscape: no sidebar, part of button upper right but not selectable
No sidebar, no menu on top so not even possible to login etc.
My iPad 1 is running the latest IOS version which is 5.1.1
Because your remark I decided to retest on my S3.
Every time I wanted to click the (small) sidebar button, the arrow which opens and closes the top window (sorry but I am not very familiar with the English names of all the screen parts) got selected.
After trying and trying it would work ± 1 out of 15 times. I have very thick fingers :eheh:
Finally I discovered that if I would scroll a bit so that the arrow would be out of sight I still had the sidebar button which by then was free and easy clickable.
Because your remark I decided to retest on my S3.
Every time I wanted to click the (small) sidebar button, the arrow which opens and closes the top window (sorry but I am not very familiar with the English names of all the screen parts) got selected.
After trying and trying it would work ± 1 out of 15 times. I have very thick fingers :eheh:
Finally I discovered that if I would scroll a bit so that the arrow would be out of sight I still had the sidebar button which by then was free and easy clickable.
Nao
- Dadman with a boy
-
-
- Posts: 16,082
Okay, I fixed:
- the arrow problem (added some extra margin when the button is fixed),
- the button not showing up entirely in the stock browser; I chickened out, and simply turned my 'mobile' test into 'mobile && chrome', which should work more efficiently, I guess... I mean, mobile browsers can live with a hardcoded px width, rather than a viewport-dependent width, so... No need to bother, I suppose...
Everything all right, for you..?
- the arrow problem (added some extra margin when the button is fixed),
- the button not showing up entirely in the stock browser; I chickened out, and simply turned my 'mobile' test into 'mobile && chrome', which should work more efficiently, I guess... I mean, mobile browsers can live with a hardcoded px width, rather than a viewport-dependent width, so... No need to bother, I suppose...
Everything all right, for you..?
Arantor
-
-
- As powerful as possible, as complex as necessary.
- Posts: 14,278
iPad 3 still doesn't show the sidebar in either portrait mode or landscape until I press the button. It's also smaller than it was yesterday, but it's still big enough to be usable.
Regarding the legality of OS X... I know some people are bothered by that, and I know that the way OS X is built, it just doesn't work properly on non stock hardware (which can have issues with virtualised machines) because they just don't have the drivers. I will be able to help debugging when I'm not on the road (and right now using an iPad connected to an iPhone for its 3G connection!)
There is an iPad emulator of sorts with Xcode but I don't really know how it's geared to browsing.
Regarding the legality of OS X... I know some people are bothered by that, and I know that the way OS X is built, it just doesn't work properly on non stock hardware (which can have issues with virtualised machines) because they just don't have the drivers. I will be able to help debugging when I'm not on the road (and right now using an iPad connected to an iPhone for its 3G connection!)
There is an iPad emulator of sorts with Xcode but I don't really know how it's geared to browsing.
It's working perfect now on the S3 stock browser.
Thanks.
I ran the OS X image running in VMWare to find out if a Apple computer with OS X would be something for me, before spending a lot of money.
It's ok, just not for me. I stick to Windows.
Sorry Apple.
Thanks.
I ran the OS X image running in VMWare to find out if a Apple computer with OS X would be something for me, before spending a lot of money.
It's ok, just not for me. I stick to Windows.
Sorry Apple.