vue-autosuggest icon indicating copy to clipboard operation
vue-autosuggest copied to clipboard

Unwanted space in empty results div

Open anVeNiQ opened this issue 4 years ago • 2 comments

  • vue-autosuggest version: 2.2.0
  • node version: 10.15.1
  • npm (or yarn) version: 6.14.1

Relevant code or config


What you did:

What happened:

If there are no results, there is now a unwanted whitespace returned in the div with classname 'autosuggest__results-container'. Because of this we are unable to use css with (:empty), which we use alot in our projects. We recently updated from 1.7.1-2 to 2.2.0. In that version there was no space returned in that div.

Reproduction sandbox/repository: In your own demo environment you can see this issue as well (https://darrenjennings.github.io/vue-autosuggest/).

Problem description:

Suggested solution: Remove the space :)

anVeNiQ avatar Feb 23 '21 11:02 anVeNiQ

@anVeNiQ can you point out in the code or in this screenshot where you are referring to "unwanted whitespace"?

image

darrenjennings avatar Mar 25 '21 15:03 darrenjennings

image See the screenshot above, I marked the space with a red circle. You can only see the space when you edit the html of the div with the class 'demo-autosuggest-autosuggest__results' in your devtools.

anVeNiQ avatar Mar 26 '21 07:03 anVeNiQ