Not working with Vaadin 21

Directory Multiselect Combo Box
1

Not working with Vaadin 21

2

It works with Vaadin 21, but not with Vaadin 22+

3

Hello! Does anyone know whether Goran is still working for Vaadin projects? The last commit is long time ago. Does anyone knows how to fix this issue? Regards, Thomas

4

I’ve tried to contact him today via email.

5

I’ve just got his answer: “Thank you for reaching out. Unfortunately, I have very limited capacity to update the component for the latest version(s) of Vaadin. I intend to do that at some point when my schedule frees up, but cannot say when that could be.”

6

Hello Sebastian! Thanks for clarification. This does not sounds like the issue will be fixed the next time. Unfortunately I do not understand the occurred error. So I have no chance to fix it by my own… Do you?

7

I get the following error: “ERROR in …/node_modules/.pnpm/multiselect-combo-box@2.4.2/node_modules/multiselect-combo-box/src/multiselect-combo-box.js
Module not found: Error: Can’t resolve ‘@vaadin/vaadin-combo-box/src/vaadin-combo-box-placeholder.js’ in ‘…\node_modules.pnpm\multiselect-combo-box@2.4.2\node_modules\multiselect-combo-box\src’”

This is due to the fact, that vaadin combobox has changed since 21 - it used to have this vaadin-combo-box-placeholder.js file which is (amongst others) missing in 22

Web-components have changed a lot in that 22 to reduce the tight coupling with polymer, improve typescript support and accessibility.

→ so the multiselect-combo-box has to be changed since the underlying component has changed.

8

Yes, I get the same error. How do you think we can go on? Are you able to fix the issue?

9

No - I am no javascript developer. It is based on https://github.com/gatanaso/multiselect-combo-box which is based on the old vaadin combo-box.

10

Mhhh… So I have a problem… ;) Is there any other multi select component similar to this one? I do not want to stay on 21.0.8 for the next weeks or months. What is your alternative?

11

Wait. Why hurry?

12

Vaadin 21 is only supported for one month, right?

13

That is true - but Vaadin 22 will as well not be supported for long time. You are for sure aiming for Vaadin 23 LTS release which comes in march.

14

Workaround: Update/place the webpack.config.js with the following content to make it work

const merge = require('webpack-merge');
const flowDefaults = require('./webpack.generated.js');

const mergedConfig = merge(flowDefaults);
mergedConfig.resolve.alias['@vaadin/vaadin-combo-box/src/vaadin-combo-box-placeholder.js']
 = '@vaadin/combo-box/src/vaadin-combo-box-placeholder.js';
module.exports = mergedConfig;
15

Hi everyone,

Thanks to help from Serhii, the component is now also compatible with Vaadin 22+.

You can give it a try by updating to the latest 4.x.x version, i.e.

<dependency>
   <groupId>org.vaadin.gatanaso</groupId>
   <artifactId>multiselect-combo-box-flow</artifactId>
   <version>4.0.0-rc2</version>
</dependency>

BR