Hacker News Reader

Comment by noctune | Hacker News Reader

Nice site. I'm not sure the dropdown looks great on OS X though. On OS X, the selected option is prepended with √, so it looks like

  √ Feature
    √ Feature
    √ No Feature

Selecting the second element then shows

    Feature
  √ √ Feature
    √ No Feature

It ends up looking somewhat odd.

View on HN

Oh wow, you are right. The same happens on the latest iPadOS. Must have changed since I tested it last time.

I guess that's why nobody is using native elements. They can break any time the browsers change their appearance.

Guess I will have to create a custom element that "simulates" a plain dropdown.

macOS has always displayed selected menu items that way.

> Guess I will have to create a custom element that "simulates" a plain dropdown.

That would probably be a regression for accessibility.

Another option might be to rephrase them as "Assembled or Disassembled", "Assembled", "Disassembled".

At the moment you're using the checkmark to disambiguate between not-chosen and chosen, but rewording the not-chosen to clarify that it includes both could achieve the same goal.

Reply on news.ycombinator.com