corejavascript/typeahead.js

Any option to remove a dataset from the DOM without any result?

Open

#109 opened on Jan 3, 2017

View on GitHub
 (1 comment) (0 reactions) (0 assignees)JavaScript (956 stars) (232 forks)batch import
enhancementhelp wanted

Description

Hey guys,

it is possible to hide or remove an empty dataset from the DOM? I ask because my datasets have a bottom border and if without any results it renders 4 empty dataset div's.

Contributor guide

Tech stack
javascripthtmlcss
Domain
frontend
Issue type
feature
DifficultyEstimated implementation difficulty for a new contributor, from 1 for very small changes to 5 for expert-level work.
2
Estimated timeA rough time range for an experienced contributor to investigate, implement, test, and prepare a pull request.
1-3 hours
Activity statusHow available the issue appears right now: fresh, active, stale, blocked, or waiting on maintainer input.
stale
ClarityHow clearly the issue explains the expected change, acceptance criteria, and next step.
mostly clear
Prerequisites
Basic understanding of DOM manipulationFamiliarity with typeahead.js dataset rendering
Newbie friendlinessA 1-100 score estimating how approachable this issue is for first-time contributors.
65
Research direction
The issue requests an option to hide or remove empty dataset containers from the DOM. Start by examining how datasets are rendered in the typeahead.js source code, likely in files like `src/typeahead/dataset.js` or similar. Look at the code that appends dataset elements to the DOM and see if there is a condition to check for empty results. You may need to add a configuration option (e.g., `hideEmpty`) and modify the rendering logic to not display or to hide the dataset container when there are no suggestions. Check the existing comments or linked issues for any prior discussion on this feature (none found in this issue). Testing should ensure that the DOM does not contain empty dataset divs when no results are present.