"No match found" placeholder is hidden

[OmanFerrer]

Hi, "No match found" placeholder is hidden. See below:

Then placeholder appear when I scroll into the popover:

That's because popoverHeight it's calculating incorrectly:

const containerHeight =
      (Array.isArray(elementHeight)
        ? elementHeight.reduce((totalHeight, height) => totalHeight + height, 6)
        : elementHeight * (nb2show < menuItems.length ? nb2show : menuItems.length) + 6) || 0;

var popoverHeight = autoCompleteHeight + (containerHeight || noMatchFoundHeight) + footerHeight;

When no results is found, containerHeight has value 6 and noMatchFoundHeight is never setting. I think if you are adding the value 6 on each case (when elementHeight is an array or not), it could be added in popoverHeight's calculation. Then the code would look like this and the problem would be solved:

const containerHeight =
      (Array.isArray(elementHeight)
        ? elementHeight.reduce((totalHeight, height) => totalHeight + height, 0)
        : elementHeight * (nb2show < menuItems.length ? nb2show : menuItems.length)) || 0;

var popoverHeight = autoCompleteHeight + (containerHeight || noMatchFoundHeight) + footerHeight + 6;

Could you consider this solution please? Thank you!!

[ghost]

Any news about this @Sharlaan ?

[Sharlaan]

Fixed with v1.8.10

Enjoy :p

[ghost]

You're a f... genius!! Thx :smile:

[Sharlaan]

Correction: @OmanFerrer is the genius :)