For the following usage of nuxeo-selectivity:
<nuxeo-selectivity data="[[data]]" selection-formatter="[[selectionAndResultFormatter]]" result-formatter="[[selectionAndResultFormatter]]">
With this data array property:
data: { type: Array, value: [ 'icons:arrow-upward', 'icons:arrow-downward', 'icons:arrow-back', 'icons:arrow-forward', ], },
And this selectionAndResultFormatter function:
selectionAndResultFormatter(item) { return ` <iron-icon icon="${item}"></iron-icon> <span>${item}</span> `; },
nuxeo-selectivity ends up displaying the selection result in the wrong place.
In the attached video the behaviour is visible, as well as the CSS property (white-space: pre;) possibly causing the issue.
As a workaround, the formatter can be written like:
selectionAndResultFormatter(item) { return `<iron-icon icon="${item}"></iron-icon><span>${item}</span>`; },
This will solve the issue visually, but it's not too helpful if the template is a bit more complex.
- is related to
-
NXP-27307 Fix adding to Collections
- Resolved
-
ELEMENTS-853 Group name/id is not sanitized before creation
- Resolved
-
ELEMENTS-947 Fix MultiComplex FT on Web UI
- Resolved
- is required by
-
NXP-27345 Fix adding to Groups
- Resolved
-
ELEMENTS-936 Publish elements following the Polymer 3 migration
- Resolved