[Win7][Classic][Fx57]: Show Searchbar Labels doesn't autosize terms list height

[aris-t2]

[Win7][Classic][Fx57]: Show Searchbar Labels doesn't autosize terms list height

[MarkRH]

Tried looking at it with the Developer Toolbox but the disable popup hide doesn't seem to work with the Searchbar Dropdown. Playing with the CSS, I know why it has a min-height and height of 180px because otherwise it chops the list off. Hmm.

[Aris-t2]

I've set a min-width for that area, but it causes what is visible on your screnshot.

Edit searchbar_popup_engines_show_labels.css and change the code to this:

#PopupSearchAutoComplete .search-panel-tree {
  min-height: auto !important;
  height: auto !important;
}

Will be fixed on next update.

[MarkRH]

Hmm.. I put that code in and it looks like this now:

I'll wait for your update and see what happens then.

[Aris-t2]

Maybe your search engine list is too long?

[MarkRH]

Looks like with the height set to auto, even adding 1 search engine to the defaults starts breaking it. The more engines I add, the more it squashes the terms list.

Fewer engines:

Oh well, just gonna stick it back to 180px and put the engines I want back in.

[Aris-t2]

I have a strange idea to catch all cases this popup result tree offers.

Replace previous code with this one (it works for me with 8 engines for example)

#PopupSearchAutoComplete .search-panel-tree[height="180"]:not([collapsed="true"]) {
  min-height: 180px !important;
}
#PopupSearchAutoComplete .search-panel-tree[height="162"]:not([collapsed="true"]) {
  min-height: 162px !important;
}
#PopupSearchAutoComplete .search-panel-tree[height="144"]:not([collapsed="true"]) {
  min-height: 144px !important;
}
#PopupSearchAutoComplete .search-panel-tree[height="126"]:not([collapsed="true"]) {
  min-height: 126px !important;
}
#PopupSearchAutoComplete .search-panel-tree[height="108"]:not([collapsed="true"]) {
  min-height: 108px !important;
}
#PopupSearchAutoComplete .search-panel-tree[height="90"]:not([collapsed="true"]) {
  min-height: 90px !important;
}
#PopupSearchAutoComplete .search-panel-tree[height="72"]:not([collapsed="true"]) {
  min-height: 72px !important;
}
#PopupSearchAutoComplete .search-panel-tree[height="54"]:not([collapsed="true"]) {
  min-height: 54px !important;
}
#PopupSearchAutoComplete .search-panel-tree[height="36"]:not([collapsed="true"]) {
  min-height: 36px !important;
}
#PopupSearchAutoComplete .search-panel-tree[height="18"]:not([collapsed="true"]) {
  min-height: 18px !important;
}

[B00ze64]

You're going to have to catch a lot - I have 14 search engine choices myself. Maybe explain in comments in the CSS how to add additional heights so people can fix it when it breaks. I didn't know we could turn that horrible One-Click thing into something usable (e.g. with labels) - Glad I'm following this repo :-)

[Aris-t2]

Using this should not require any additional modifications. Result tree is 180px by default and can only shrink from there. I believe all cases are covered for now.

[MarkRH]

Hey, this works with my current 13 search engines. It shortens the list as the entries go away. Cool. :)

Thanks!

[Aris-t2]

Good to hear.

Issue can not be closed.

Fix is in 1.3.0 release.