fix(select-rich): solve case of having singleOption and hassNoDefaultSelected at the same time (#1863)

.changeset/chilly-taxis-sin.md

@@ -0,0 +1,5 @@
+---
+'@lion/ui': patch
+---
+
+[select-rich] solve case of having singleOption and hasNoDefaultSelected as the same time

packages/ui/components/listbox/src/ListboxMixin.js

@@ -384,10 +384,6 @@ const ListboxMixinImplementation = superclass =>
     updated(changedProperties) {
       super.updated(changedProperties);
 
-      if (this.formElements.length === 1) {
-        this.singleOption = true;
-      }
-
       if (changedProperties.has('disabled')) {
         if (this.disabled) {
           this.__requestOptionsToBeDisabled();

packages/ui/components/listbox/types/ListboxMixinTypes.ts

@@ -31,9 +31,6 @@ export declare class ListboxHost {
 
   public hasNoDefaultSelected: boolean;
 
-  public singleOption: boolean;
-  // protected _invokerNode: HTMLElement;
-
   public checkedIndex: number | number[];
 
   public activeIndex: number;

packages/ui/components/select-rich/src/LionSelectRich.js

@@ -259,7 +259,7 @@ export class LionSelectRich extends SlotMixin(ScopedElementsMixin(OverlayMixin(L
 
   /** @protected */
   _onFormElementsChanged() {
-    this.singleOption = this.formElements.length === 1;
+    this.singleOption = this.formElements.length === 1 && !this.hasNoDefaultSelected;
     this._invokerNode.singleOption = this.singleOption;
   }
 

packages/ui/components/select-rich/test/lion-select-rich.test.js

@@ -400,6 +400,19 @@ describe('lion-select-rich', () => {
       expect(el.singleOption).to.be.false;
       expect(_invokerNode.singleOption).to.be.false;
     });
+
+    it('should have singleOption only if one option and no hasNoDefaultSelected', async () => {
+      const el = await fixture(html`
+        <lion-select-rich has-no-default-selected>
+          <lion-option .choiceValue=${10}>Item 1</lion-option>
+        </lion-select-rich>
+      `);
+
+      const { _invokerNode } = getSelectRichMembers(el);
+
+      expect(el.singleOption).to.be.false;
+      expect(_invokerNode.singleOption).to.be.false;
+    });
   });
 
   describe('interaction-mode', () => {