add dropdown primitive ctd

addon/components/select-box/index.gjs

@@ -274,15 +274,6 @@ export default class SelectBox extends Component {
     this._ensureFocus();
   }
 
-  @action
-  handleFocusOut() {
-    if (this.dropdown) {
-      return;
-    }
-
-    this._forgetActiveOption();
-  }
-
   @action
   handleKeyDownTrigger(event) {
     this._handleKeyDown(event);
@@ -671,7 +662,6 @@ export default class SelectBox extends Component {
       data-disabled="{{this.isDisabled}}"
       {{on "mouseleave" this.handleMouseLeave}}
       {{on "mousedown" this.handleMouseDown}}
-      {{on "focusout" this.handleFocusOut}}
       {{lifecycle
         onInsert=this.handleInsertElement
         onDestroy=this.handleDestroyElement

tests/dummy/app/styles/example.scss

@@ -31,7 +31,6 @@
 @mixin dropdown-content {
   display: flex;
   flex-direction: column;
-  overflow: auto;
 }
 
 @mixin options {

tests/dummy/app/styles/example3.scss

@@ -27,6 +27,10 @@
     height: 240px;
   }
 
+  .select-box__options {
+    @include example.options;
+  }
+
   .select-box__option {
     @include example.option;
   }

tests/dummy/app/styles/example4.scss

@@ -27,6 +27,10 @@
     height: 282px;
   }
 
+  .select-box__options {
+    @include example.options;
+  }
+
   .select-box__option {
     @include example.option;
   }

tests/integration/components/select-box/index/focus-test.gjs

@@ -591,15 +591,9 @@ module('select-box (focus)', function (hooks) {
     );
   });
 
-  test('focus out listbox forgets active option', async function (assert) {
+  test('focus out does not forget active option', async function (assert) {
     assert.expect(2);
 
-    // We only show the active option when the select box has focus,
-    // because it is receptive to user input and therefore can
-    // be selected. When not focused, there is no need for it.
-    // This is the equivalent of when a select box with a dropdown
-    // (a combobox) is closed.
-
     await render(<template>
       <SelectBox as |sb|>
         <sb.Options>
@@ -620,7 +614,9 @@ module('select-box (focus)', function (hooks) {
 
     await blur('.select-box__options');
 
-    assert.dom('.select-box__option[aria-current="true"]').doesNotExist();
+    assert
+      .dom('.select-box__option:nth-child(2)')
+      .hasAttribute('aria-current', 'true');
   });
 
   test('keyboard-focusable-scrollers fix', async function (assert) {