[HN Gopher] Chonky Menu Re-Creation
       ___________________________________________________________________
        
       Chonky Menu Re-Creation
        
       Author : ccorcos
       Score  : 51 points
       Date   : 2023-09-17 18:16 UTC (2 days ago)
        
 (HTM) web link (www.nathanmanousos.com)
 (TXT) w3m dump (www.nathanmanousos.com)
        
       | beAbU wrote:
       | Doesn't work for me on Android. Tried Edge, Crome and FF.
       | 
       | The moment I move my finger the page scrolls and the menu
       | collapses.
        
         | codetrotter wrote:
         | Are you holding and dragging? Or do you release and try to tap?
         | 
         | The menu works as intended for me on iOS but I don't use
         | Android.
         | 
         | I tap and hold, then drag without releasing.
        
           | lwhi wrote:
           | Doesn't work on Android unfortunately
        
           | brycedriesenga wrote:
           | No luck on Android here either
        
       | redavni wrote:
       | Beautiful
        
       | ccorcos wrote:
       | Awesome tutorial demonstrating how to build really polished UIs
       | in JavaScript -- just requires a little know-how
        
       | nyanpasu64 wrote:
       | When you click on an item and move your cursor to the top or
       | bottom of the visible bubble, the mouse instead selects the item
       | next to it. I'd consider an item whose selection box is smaller
       | than the visual outline to be a bug. It's also jarring to have
       | items "running away" from the mouse cursor.
        
       | jaustin wrote:
       | The Ux here looks really nice, and I felt like I'd seen it
       | before. It's a bit like a 2020s interpretation of the webOS Wave
       | Launcher. ( https://youtu.be/dcyJLaK4YBI?t=46 if you'd never seen
       | it).
        
       | phpisatrash wrote:
       | amazing. which tools did you use to build this?
        
       | zfxfr wrote:
       | IMHO it seems to me overly complicated. Also it doesn't work on
       | mobile / tablet Android. you can display the menu but once you
       | release the button it dissapear
        
         | all2 wrote:
         | > you can display the menu but once you release the button it
         | dissapear
         | 
         | If you look at the inspiration from twitter (linked at the top
         | of the post) you'll see that is by design.
        
       | groggo wrote:
       | nice!
       | 
       | Did the original iOS version have to use similar math, or would
       | that have been implemented with native iOS components?
       | 
       | took a second to figure out that i had to hold the click.
        
       | mark242 wrote:
       | This is great -- all the way up to the point where you have to
       | hold and drag. The usability on a laptop goes out the window as
       | you realize you can't accelerate past the edge of your touchpad.
       | Getting to the top item in the menu -- maybe even the most
       | important item -- is extremely hard. You rapidly become limited
       | to the number of items you can have in this menu.
       | 
       | Tap-or-swipe-to-open, and tap-or-swipe-to-close have rapidly
       | engrained themselves as the easiest to understand for users. I'd
       | love to see this demo with that in mind.
        
       | virtualritz wrote:
       | Does not work on Android.
        
       ___________________________________________________________________
       (page generated 2023-09-19 23:00 UTC)