Killer input functionality



  • There is this VUE project:

    https://github.com/rohitpaulk/todoist-tribute

    and here is demo:

    http://thetuduapp.herokuapp.com

    And in this project is one functionality I love. The input control with automatic pill insert after typing ‘@’ or ‘#’. AWESOME!
    In this very post editor it is implemented too (for “@” and “:”), but only with text insertion. Here is a screenshot of autocomplete after “@”:

    0_1502194481807_upload-8407c191-baf6-4b4e-abb5-01cee57328d7

    and here is screenshot after pressing “#”:

    0_1502194737571_upload-194c9472-370d-44eb-aec1-b6839865ebeb

    I would love if it could be possible to add this into quasar input/textarea controls.



  • Did you look into the chips input component?
    It is not exactly what you want, but I guess it should be simple to take the chips input component as template and build the component yourself.
    You should be able to use a watcher on the input string, tokenize the string and then transform the keywords you want into chips.

    I guess it is a bit hard to build a component that covers all use cases, because how to specify when an input token should be transformed into a tag?

    Nevertheless, you can open a feature request issue on Github to let people discuss that idea. :)



  • I agree this would be a killer feature. You could build it by combining q-autocomplete and q-chips, but really a dedicated directive or something would be awesome.
    If you make it into a github issue/request, I’m sure raz will consider adding it to 0.15


Log in to reply
 

Looks like your connection to Quasar Framework was lost, please wait while we try to reconnect.