Show HN: Mimicking the Bloomberg menu widget without JavaScript

Re:Show HN: Mimicking the Bloomberg menu widget without Java... by chrismorgan on Tuesday June 26, 2018 @10:42AM (#17400925)

The menu is functionally completely broken. Because panel visibility is determined purely by :hover or :focus, as soon as you try to click on an item in the panel, that focus is lost and the panel disappears, taking your attempted click with it.

There are only three approaches that you can reasonably use here (they can be combined, too):

① Labels, which allow some rather nifty structure-breaking tricks on :hover;

② Change the .bmenu > a things from links (because you can’t nest links), and put the panel contents inside that node, then use :hover;

③ Use radio buttons and :checked.

[ Parent | on HN ]

Re:Show HN: Mimicking the Bloomberg menu widget without Java... by Kiro on Tuesday June 26, 2018 @03:19PM (#17403299)

Nice try but it works fine in all browsers for me.

[ Parent | on HN ]

Re:Show HN: Mimicking the Bloomberg menu widget without Java... by tabtab on Tuesday June 26, 2018 @06:30PM (#17404469)

It's getting truncated for me in Chrome.

[ Parent | on HN ]

Re:Show HN: Mimicking the Bloomberg menu widget without Java... by mintplant on Tuesday June 26, 2018 @02:12PM (#17402817)

> The menu is functionally completely broken.

Works fine for me on Firefox Nightly.

[ Parent | on HN ]

Re:Show HN: Mimicking the Bloomberg menu widget without Java... by chrismorgan on Tuesday June 26, 2018 @09:59PM (#17405273)

It got fixed a while after my comment, in one of the many commits with the message “ok” (!) at https://github.com/dosyago-coder-0/mimic-bloomberg-menu-no-j....

(Author: commit messages are a nice thing and worth putting at least some effort into.)

[ Parent | on HN ]

Re:Show HN: Mimicking the Bloomberg menu widget without Java... by function_seven on Tuesday June 26, 2018 @02:33PM (#17402972)

When you hover over an item in the main list, then move your mouse to the right, does the sub-menu stay the same or revert to the sub-menu for the first entry? (EDIT: Looks like that bug has been fixed. Earlier this morning, it would revert to the first sub-menu, now it works as expected)

[ Parent | on HN ]