[bugs] numerous cosmetic bugs I've noticed

[ovflowd]

• On mobile the title/heading of a section (method, class, etc) should have ellipsis if it is too long
  • It should be responsive, otherwise the width breaks the max page width and the icon (M, C, E, etc) also gets squished
• On mobile the page selector dropdown is empty when opening the home page... Probably because the index has no title?
• Search results that include code snippets on the search box have the code snippet stripped and only a "`" remaining (search for "write a file") for example.
• If selecting a search result for a page that you already are, it doesn't navigate to that result (or maybe it does, but the search box remains open)
• When clicking on search, it doesn't highlight the search input directly. On mobile it should automatically select the search input when clicking the search box (opening the phone's keyboard)

[avivkeller]

Working on these now, expect a PR today

[avivkeller]

On mobile the page selector dropdown is empty when opening the home page... Probably because the index has no title?

This is a known issue. See nodejs/node#58613

[avivkeller]

If selecting a search result for a page that you already are, it doesn't navigate to that result (or maybe it does, but the search box remains open)

I can't reproduce this

When clicking on search, it doesn't highlight the search input directly. On mobile it should automatically select the search input when clicking the search box (opening the phone's keyboard)

This might be resolved with the new Orama components

[ovflowd]

I can't reproduce this

Imagine you're on fs.html, if you select a search result from fs.html, nothing happens. At least on mobile.

[avivkeller]

Ah, I see now. It's not desktop to. It links without closing Orama. It's actually the same behavior on the main site. Let's see if it still happens with the new components, and if so, we can look into a fix