Comments (3)
The Bug only occurs when the original vaadin ComboBox and the MultiselectComboBox are used together in one project.
It can be replicated by replacing one MultiselectComboBox with a normal ComboBox in the DemoView
here is a link to a branch where i've replicated the issue
https://github.com/montadap/multiselect-combo-box-flow/tree/issue32
from multiselect-combo-box-flow.
I have a smiliar problem, my UI also stopped rendering after adding the following code:
private MultiselectComboBox<String> mcbSchnittstellen = new MultiselectComboBox<>();
The console in my Firefox browser give the following error
NotSupportedError: 'vaadin-combo-box-item' has already been defined as a custom element vaadin-combo-box-item.js:178 <anonym> vaadin-combo-box-item.js:178 es6 vaadin-bundle-91c7c5262a1e3c609f26.cache.js:2612 __webpack_require__ vaadin-bundle-91c7c5262a1e3c609f26.cache.js:20 <anonym> vaadin-combo-box-dropdown-wrapper.js:1 es6 vaadin-bundle-91c7c5262a1e3c609f26.cache.js:2588 __webpack_require__ vaadin-bundle-91c7c5262a1e3c609f26.cache.js:20 <anonym> vaadin-combo-box-light.js:1 es6 vaadin-bundle-91c7c5262a1e3c609f26.cache.js:2624 __webpack_require__ vaadin-bundle-91c7c5262a1e3c609f26.cache.js:20 <anonym> vaadin-combo-box-light.js:1 es6 vaadin-bundle-91c7c5262a1e3c609f26.cache.js:2684 __webpack_require__ vaadin-bundle-91c7c5262a1e3c609f26.cache.js:20 <anonym> multiselect-combo-box.js:1 es6 vaadin-bundle-91c7c5262a1e3c609f26.cache.js:2768 __webpack_require__ vaadin-bundle-91c7c5262a1e3c609f26.cache.js:20 <anonym> generated-flow-imports.js:1 es6 vaadin-bundle-91c7c5262a1e3c609f26.cache.js:2780 __webpack_require__ vaadin-bundle-91c7c5262a1e3c609f26.cache.js:20 <anonym> vaadin-bundle-91c7c5262a1e3c609f26.cache.js:84 <anonym> vaadin-bundle-91c7c5262a1e3c609f26.cache.js:87 InnerModuleEvaluation self-hosted:1605 evaluation self-hosted:1559
from multiselect-combo-box-flow.
Hi both 👋
Thank you for reporting this issue and providing extra details 🙏
The error message is most likely due to the fact that 2 different versions of the vaadin-combo-box
are being used. The latest version of the MultiselectComboBox
requires vaadin-combo-box
version 5.0.9
or higher.
If using Vaadin version 14.0.0, as @montadap branch also shows, this issue is visible. This is mostly due to Vaadin versions prior than 14.0.13
having lower dependency versions of the vaadin-combo-box
.
Therefore, updating your project to at least Vaadin version 14.0.13
should resolve the issue (I personally tested this on @montadap branch and there were no issues in the browser console).
Hope this helps,
Goran
from multiselect-combo-box-flow.
Related Issues (20)
- Implement standard HasLabel interface
- Vaadin 14 - version 2.5.0 - Custom Values are not returned by getValue and getSelectedItems
- Vaadin 14 - version 2.5.0 - Smaller height in readOnly mode with empty value
- Dropdown doesn't display when switching from setEnabled(false) to setEnabled(true) HOT 2
- Allow typeahead text to be automatically cleared when an item is selected, else manually cleared via API?
- Item selected by clicking outside the component
- Js error this.$.comboBox.$.dropdown._setOverlayWidth (Vaadin 23)
- ERROR in ../node_modules/multiselect-combo-box/src/multiselect-combo-box-dropdown.js (Vaadin23.3.3) HOT 2
- The setCompactModeLabelGenerator method is not working. HOT 1
- "Select All" functionality
- Vaadin 18 - BUG when setting compact mode for combobox HOT 1
- Vaadin 14 - BUG - Dropdown not defocusing on second click
- Problem in Vaadin 19.0.4 HOT 2
- Placeholder should be hidden when a value is selected HOT 7
- "Cannot read property of undefined" with Vaadin 21 (Flow) HOT 5
- Split itemsLabelGenerator and valuesLabelGenerator
- Component does not work with vaadin 22 HOT 20
- Add additonal attribute or class to overlay HOT 1
- Items not showing when using larger data HOT 9
- Using the component with Vaadin 23 gives NotSupportedError: CustomElementRegistry.define: 'vaadin-lumo-styles' has already been defined as a custom element. HOT 1
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.
from multiselect-combo-box-flow.