Check out Symmetric Chess, our featured variant for March, 2024.


[ Help | Earliest Comments | Latest Comments ]
[ List All Subjects of Discussion | Create New Subject of Discussion ]
[ List Earliest Comments Only For Pages | Games | Rated Pages | Rated Games | Subjects of Discussion ]

Comments/Ratings for a Single Item

Earlier Reverse Order Later
New menu[Subject Thread] [Add Response]
🕸Fergus Duniho wrote on Wed, Jul 6, 2016 10:12 PM UTC:

I have updated the menu that appears on the main site, and I will be updating the menu on the Play subdomain in a while. But before I do that, I wanted to test it out here and get feedback from people who may be using different devices, browsers, or operating systems than I am. The menu displays as a drop-down menu on the desktop, and it displays as a list accessible by a menu button on a mobile device. To see both styles of menu on the same device, you can change the user agent or request the mobile or desktop version. Unlike the previous menu, which was entirely CSS, this new menu uses both CSS and JavaScript. When JavaScript is disabled, it will just use CSS, behaving similarly to how it has previously behaved. With JavaScript enabled, it can be navigated with the keyboard, and touch will work in mobile browsers (such as Edge) that do not translate touches into hovers. Keyboard navigation can use the arrow keys, backspace, enter, escape, and the even numeric keypad keys. There is some redundancy of function because some of these keys have side effects in some systems. If, for example, the arrow keys move the page, you can use the numeric keypad without this effect. The main impetus behind the changes was to get the menu to function properly on my Windows 10 tablet with Edge. While doing that, I reorganized the CSS, which may be what corrupted the mobile menu. I did a quick fix for that but wanted something better. This should be the most accessible menu so far. Let me know how it works for you.


🕸Fergus Duniho wrote on Sun, Jul 10, 2016 11:20 PM UTC:

The menus appear to be working correctly for both desktop and mobile on both the main site and the play subdomain.


Greg Strong wrote on Mon, Jul 11, 2016 12:40 AM UTC:

Indeed they do.  I've tested with different browsers on both Windows and Linux.  It even works on my Windows Phone.


🕸Fergus Duniho wrote on Mon, Jul 11, 2016 02:09 AM UTC:

I fixed one more thing. I was annoyed at having to always click the screen to get rid of submenus after I passed over the menubar with a mouse. So I added one more listener to hide the submenus whenever the mouse leaves the menubar. This made the desktop menu behave just as before, even down to the bug in Edge that had originally prompted me to rebuild the menus. But I fixed this by making it hide the submenus only when the active element was not contained in the submenu. Now the desktop menu works just as before except that it behaves better with Edge, and it has gained keyboard navigation. It is now possible in Edge to enter text into a form field after selecting it or to scroll a long menu without the menus going away.


4 comments displayed

Earlier Reverse Order Later

Permalink to the exact comments currently displayed.