Comments (9)
Hi @urkl
Thank you for reporting this issue. It looks like the component hasn't been initialized properly after doing a page refresh. Would it be possible that you provide a minimal reproducible example that I could look into more closely?
from multiselect-combo-box-flow.
Hi Goran.
Here you go. https://gitlab.com/uros.kristan/multi-select-field-test
I found out that the problem occurs in conjunction with app-layout addon.
To reproduce the problem please follow this steps:
- run project
- click on Multi Select in menu
- select some items
- refresh browser window
And another question: Would it be possible to implement onItemClickListener for selected items. Not on x sign to remove them, but directly on item?
from multiselect-combo-box-flow.
Hi @urkl
I have been able to workaround this issue by modifying the connector code to execute once the element is defined. There is a new version available that includes this fix 2.2.1.rc1
.
Could you please test with this version and let me know if it fixes the issue:
<dependency>
<groupId>org.vaadin.gatanaso</groupId>
<artifactId>multiselect-combo-box-flow</artifactId>
<version>2.2.1.rc1</version>
</dependency>
BR,
Goran
from multiselect-combo-box-flow.
Goran! It works. Thank you!
I think that you even fixed issue posted on vaadin directory by Muhammad Faisal.
Best Regards, UroΕ‘!
from multiselect-combo-box-flow.
Hi @urkl
Thank you for providing the project, I will have a look at the issue.
Regarding the onItemClickListener
, I think it would be possible to add such functionality.
from multiselect-combo-box-flow.
I think the issue happens because the initLazy()
method of the connector is executed before the ready()
method of the component. Therefore, the component is not yet initialized and these errors occur.
Found a similar issue here: https://github.com/vaadin/vaadin-grid-flow/issues/586
from multiselect-combo-box-flow.
This is not good news if I understand this correctly. Bug from Vaadin is from March.
from multiselect-combo-box-flow.
Yes, unfortunately there has not been a lot of activity on that ticket.
Have you tried using the MultiselectComboBox
in an app without the app layout
add-on?
From what I have briefly tested, when used without the app layout add-on there are no issues at all as the initialization order is preserved.
from multiselect-combo-box-flow.
Do you know for a way to override this annoying bug ?
Bug happens when opening in new browser window.
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.