fix(tags): tags-list doesn't pick up wrapped div with Ivy

positive-js · Jun 8, 2019 · 0c45e93 · 0c45e93
1 parent 979e77c
commit 0c45e93
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/commitlint.config.js b/commitlint.config.js
@@ -35,6 +35,7 @@ module.exports = {
                 'sidepanel',
                 'splitter',
                 'tabs',
+                'tags',
                 'textarea',
                 'timepicker',
                 'toggle',

diff --git a/packages/mosaic/tags/tag-list.component.ts b/packages/mosaic/tags/tag-list.component.ts
@@ -277,7 +277,11 @@ export class McTagList extends _McTagListMixinBase implements McFormFieldControl
     @Output() readonly change: EventEmitter<McTagListChange> = new EventEmitter<McTagListChange>();
 
     /** The tag components contained within this tag list. */
-    @ContentChildren(McTag) tags: QueryList<McTag>;
+    @ContentChildren(McTag, {
+        // Need to use `descendants: true`,
+        // Ivy will no longer match indirect descendants if it's left as false.
+        descendants: true
+    }) tags: QueryList<McTag>;
 
     _tabIndex = 0;