Code Monkey home page Code Monkey logo

Comments (5)

phanirithvij avatar phanirithvij commented on May 13, 2024

I'd like to implement this. @janober what do you think about this.

  1. Is this a good idea?
  2. Can this be done easily?

from n8n.

janober avatar janober commented on May 13, 2024

n8n is using Element (https://element.eleme.io) as UI LIbrary. For that field it uses an "el-select" with the "multiple" and "filterable" option. So it is theoretically set up to do the filtering already and it works for other fields which do not allow multiple options.
Sadly does it seem to make problems when both options are set at the same time. So to make it work correctly actually a bug in Element would have to get fixed.

So to answer your questions:

  1. Yes
  2. Sadly no idea never looked into the Element code

from n8n.

phanirithvij avatar phanirithvij commented on May 13, 2024

I see.
Closing this.

from n8n.

janober avatar janober commented on May 13, 2024

I open the issue again. I checked on Element if they already have a bug report for it. Did not find anything but found that issue: ElemeFE/element#16559

Is not really related to this problem but it contains a link to a Codepen to show the problem they are talking about there. Anyway in that Codepen "multiple" and "filterable" seem to work together so something in the n8n code seems to mess it up.

Btw. the code for that field can be found here:
https://github.com/n8n-io/n8n/blob/master/packages/editor-ui/src/components/ParameterInput.vue#L57

from n8n.

janober avatar janober commented on May 13, 2024

btw. could be quite possibly css related

from n8n.

Related Issues (20)

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.