GithubHelp home page GithubHelp logo

egoist / input-prompt Goto Github PK

View Code? Open in Web Editor NEW
15.0 3.0 0.0 255 KB

ultra simple text auto-complete utility

Home Page: https://egoist.moe/input-prompt

License: MIT License

JavaScript 36.77% Vue 63.23%

input-prompt's Introduction

input-prompt NPM version NPM downloads Build Status

Input prompt with auto-completion, an ultra simple alternative to Typeahead.js

Install

$ npm install --save input-prompt

input-prompt does not do anything by default, but you can write rules to achieve something interesting, see usage below.

Usage

Demo and usage are at https://egoist.moe/input-prompt

When the prompt shows you can press โ†’ or tab to apply it to the real input element.

List of plugins

You can wrap your rule into a plugin and publish it on npm, if you did you're welcome to add it here.

License

MIT ยฉ EGOIST

input-prompt's People

Contributors

egoist avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar  avatar

input-prompt's Issues

when the email is too long the fake input do not update it's position

When I typed my teenager-guilty-old-email the input do not update the position of the fake element. It should have and mousewheel/input event updating the position. I'm just creating this here before making a PR.

What happens:
Example email: [email protected]
screen shot 2017-07-13 at 18 25 50

The solution can be something like that:

input.addEventListener('mousewheel', updateFakeInputPosition, false)
input.addEventListener('DOMMouseScroll', updateFakeInputPosition, false)

What do you think?

Rewrite tests

Just removed old testem tests, maybe rewrite in Jest.

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo 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.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.