Nothing to see yet.
searchbox.jsx's Introduction
searchbox.jsx's People
searchbox.jsx's Issues
Faded text + tab complete.
We want to support faded text in the search bar, as well as the ability for the user to hit tab to autocomplete.
The user datasets can have a function available to them that lets them set the faded text that is displayed on the search bar. It might be tricky to handle the fact that the faded text should absolutely be a continuation of what the user typed in (ex: ap
could have a faded apple
, but not a faded xanthibar
). So it might make more sense to have the search input call some registered function on the user dataset... Worth discussing whenever this is picked up.
Write documentation for library.
Create default dataset component (not mixin)
This will mainly be to make the examples a little easier to follow. But some users might also be fine with a very simple search box.
Make the dropdown a real dropdown.
Currently it's just a simple div but we'll want to make it a real dropdown like typeahead.js. We can absolutely position it relative to the search input with JQuery UI (which is already pulled in for us by playground.htm). We'll want this to be overridable in case the user wants to customize how it's mounted.
It is also going to be desirable to hide and show the dropdown dynamically as the results change (don't want it to show when there's no results for example). This will require more cooperation from the user's dataset components though so we should punt that for the moment.
Allow control over dropdown element's existence.
Clean up communication between components.
Factor out boiler plate from userland into the library.
Make ctrl-click open up a new tab.
Add support for highlighting.
The user can highlight things by using the keyboard or hovering over things with their mouse. Therefore cooperation among all the components is necessary. Which is annoying. I think we came up with some good ideas for this though.
Add highlighting feature.
Not sure where in the typeahead.js pipeline this is taken care of...
Add way for user to capture enter being hit.
User can set faded text to bad value.
Create example CSS.
Add utility for coercing faded text to right case.
If the query is Apples
and I want to set the faded text to apples
, I want to be able to run magicFoo('apples')
and get 'Apples'
.
Make khan-like demo.
This will involve three datasets.
- local
- remote
- footer
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
๐ Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. ๐๐๐
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google โค๏ธ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.