diff --git a/core/pfe-core/controllers/listbox-controller.ts b/core/pfe-core/controllers/listbox-controller.ts
index fbea4a4568..f621431529 100644
--- a/core/pfe-core/controllers/listbox-controller.ts
+++ b/core/pfe-core/controllers/listbox-controller.ts
@@ -53,10 +53,10 @@ export class ListboxController<
 
   /** event listeners for host element */
   #listeners = {
+    'click': this.#onOptionClick.bind(this),
+    'focus': this.#onOptionFocus.bind(this),
     'keydown': this.#onOptionKeydown.bind(this),
     'keyup': this.#onOptionKeyup.bind(this),
-    'optionfocus': this.#onOptionFocus.bind(this),
-    'click': this.#onOptionClick.bind(this),
   };
 
   /**
@@ -224,18 +224,7 @@ export class ListboxController<
    * adds event listeners to host
    */
   hostConnected() {
-    for (const [event, listener] of Object.entries(this.#listeners)) {
-      this.host?.addEventListener(event, listener as (event: Event | null) => void);
-    }
-  }
-
-  /**
-   * removes event listeners from host
-   */
-  hostDisconnected() {
-    for (const [event, listener] of Object.entries(this.#listeners)) {
-      this.host?.removeEventListener(event, listener as (event: Event | null) => void);
-    }
+    this.#internals.role = 'listbox';
   }
 
   /**
@@ -264,12 +253,12 @@ export class ListboxController<
     }
     this.options.forEach(option => {
       if (matchedOptions.includes(option)) {
-        option.removeAttribute('hidden-by-filter');
+        option.removeAttribute('filtered');
       } else {
         if (document.activeElement === option) {
           this.#updateFocus = true;
         }
-        option.setAttribute('hidden-by-filter', 'hidden-by-filter');
+        option.setAttribute('filtered', 'filtered');
       }
     });
     return matchedOptions;
@@ -492,11 +481,16 @@ export class ListboxController<
    * @param oldOptions {ListboxOptionElement[]}
    */
   #optionsChanged(oldOptions: ListboxOptionElement[]) {
-    const setSize = oldOptions.length;
-    if (setSize !== this.#options.length || !oldOptions.every((element, index) => element === this.#options[index])) {
-      oldOptions.forEach((option, posInSet) => {
-        option.setSize = setSize;
-        option.posInSet = posInSet;
+    const setSize = this.#options.length;
+    if (setSize !== oldOptions.length || !oldOptions.every((element, index) => element === this.#options[index])) {
+      this.#options.forEach((option, posInSet) => {
+        if (!oldOptions.includes(option)) {
+          option.setSize = setSize;
+          option.posInSet = posInSet;
+          for (const [event, listener] of Object.entries(this.#listeners)) {
+            option?.addEventListener(event, listener as (event: Event | null) => void);
+          }
+        }
       });
       this.#tabindex.initItems(this.visibleOptions);
     }
diff --git a/core/pfe-core/controllers/toggle-controller.ts b/core/pfe-core/controllers/toggle-controller.ts
index be27d7791c..9455368e3e 100644
--- a/core/pfe-core/controllers/toggle-controller.ts
+++ b/core/pfe-core/controllers/toggle-controller.ts
@@ -323,9 +323,6 @@ export class ToggleController implements ReactiveController {
       for (const [event, listener] of Object.entries(this.#triggerListeners)) {
         triggerElement?.addEventListener(event, listener as (event: KeyboardEvent | MouseEvent | Event | null) => void);
       }
-      for (const [event, listener] of Object.entries(this.#hostListeners)) {
-        triggerElement?.addEventListener(event, listener as (event: KeyboardEvent | MouseEvent | Event | null) => void);
-      }
       triggerElement?.setAttribute('aria-haspopup', this.#popupType);
       triggerElement?.setAttribute('aria-controls', this.#popupElement?.id || '');
       triggerElement?.setAttribute('aria-expanded', this.expanded ? 'true' : 'false');
@@ -342,9 +339,6 @@ export class ToggleController implements ReactiveController {
       for (const [event, listener] of Object.entries(this.#triggerListeners)) {
         triggerElement?.removeEventListener(event, listener as (event: KeyboardEvent | MouseEvent | Event | null) => void);
       }
-      for (const [event, listener] of Object.entries(this.#hostListeners)) {
-        triggerElement?.removeEventListener(event, listener as (event: KeyboardEvent | MouseEvent | Event | null) => void);
-      }
       triggerElement?.removeAttribute('aria-haspopup');
       triggerElement?.removeAttribute('aria-controls');
       triggerElement?.removeAttribute('aria-expanded');
diff --git a/elements/pf-select/demo/multiple-selections.html b/elements/pf-select/demo/multiple-selections.html
index a2d22fa2dc..64185bd998 100644
--- a/elements/pf-select/demo/multiple-selections.html
+++ b/elements/pf-select/demo/multiple-selections.html
@@ -7,7 +7,7 @@
     <kbd>Shift</kbd> will toggling off multiple items.
     <kbd>Ctrl+A</kbd> will toggle selection on all items.
   </p>
-  <pf-select multi-selectable>
+  <pf-select multi>
     <pf-select-option value="Blue">Blue</pf-select-option>
     <pf-select-option value="Green">Green</pf-select-option>
     <pf-select-option value="Magenta">Magenta</pf-select-option>
@@ -41,7 +41,7 @@
   <p>
     Display as badge
   </p>
-  <pf-select multi-selectable selected-items-display="badge">
+  <pf-select multi selected-items-display="badge">
     <pf-select-option value="Blue">Blue</pf-select-option>
     <pf-select-option value="Green">Green</pf-select-option>
     <pf-select-option value="Magenta">Magenta</pf-select-option>
@@ -57,7 +57,7 @@
   <p>
     Display as chips
   </p>
-  <pf-select multi-selectable selected-items-display="chips" enable-flip>
+  <pf-select multi selected-items-display="chips" enable-flip>
     <pf-select-option value="Blue">Blue</pf-select-option>
     <pf-select-option value="Green">Green</pf-select-option>
     <pf-select-option value="Magenta">Magenta</pf-select-option>
diff --git a/elements/pf-select/demo/typeahead.html b/elements/pf-select/demo/typeahead.html
index e175be1dbe..2e78f7c3fb 100644
--- a/elements/pf-select/demo/typeahead.html
+++ b/elements/pf-select/demo/typeahead.html
@@ -27,7 +27,7 @@ <h2>Typeahead example</h2>
   <h2>Typeahead example with chips</h2>
   <label>
     Pick a color:
-    <pf-select typeahead multi-selectable selected-items-display="chips">
+    <pf-select typeahead multi selected-items-display="chips">
       <pf-select-option value="Blue">Blue</pf-select-option>
       <pf-select-option value="Green">Green</pf-select-option>
       <pf-select-option value="Magenta">Magenta</pf-select-option>
@@ -59,7 +59,7 @@ <h2>Typeahead example with create option</h2>
   <h2>Typeahead, multiple</h2>
   <label>
     Pick a color:
-    <pf-select id="pfselect" typeahead multi-selectable>
+    <pf-select id="pfselect" typeahead multi>
       <pf-select-option value="Blue">Blue</pf-select-option>
       <pf-select-option value="Green">Green</pf-select-option>
       <pf-select-option value="Magenta">Magenta</pf-select-option>
diff --git a/elements/pf-select/docs/pf-select.md b/elements/pf-select/docs/pf-select.md
index e242aca354..c14d15f380 100644
--- a/elements/pf-select/docs/pf-select.md
+++ b/elements/pf-select/docs/pf-select.md
@@ -102,7 +102,7 @@ Below are option variants:
 </p>
 
 {% htmlexample %}
-  <pf-select multi-selectable>
+  <pf-select multi>
     <pf-select-option value="Blue">Blue</pf-select-option>
     <pf-select-option value="Green">Green</pf-select-option>
     <pf-select-option value="Magenta">Magenta</pf-select-option>
@@ -186,12 +186,12 @@ Below are option variants:
 </label>
 {% endhtmlexample %}
 
-#### Typeahead, multi-selectable with chips
+#### Typeahead, multi with chips
 
 {% htmlexample %}
 <label>
   Pick a color:
-  <pf-select typeahead multi-selectable selected-items-display="chips">
+  <pf-select typeahead multi selected-items-display="chips">
     <pf-select-option value="Blue">Blue</pf-select-option>
     <pf-select-option value="Green">Green</pf-select-option>
     <pf-select-option value="Magenta">Magenta</pf-select-option>
@@ -204,12 +204,12 @@ Below are option variants:
 </label>
 {% endhtmlexample %}
 
-#### Typeahead, multi-selectable with create option
+#### Typeahead, multi with create option
 
 {% htmlexample %}
 <label>
   Pick a color:
-  <pf-select id="pfselect" typeahead multi-selectable create-option-text="Create option">
+  <pf-select id="pfselect" typeahead multi create-option-text="Create option">
     <pf-select-option value="Blue">Blue</pf-select-option>
     <pf-select-option value="Green">Green</pf-select-option>
     <pf-select-option value="Magenta">Magenta</pf-select-option>
diff --git a/elements/pf-select/pf-select-list.ts b/elements/pf-select/pf-select-list.ts
index c45d2b872d..183d369b44 100644
--- a/elements/pf-select/pf-select-list.ts
+++ b/elements/pf-select/pf-select-list.ts
@@ -8,7 +8,19 @@ import { ListboxController, type ListboxOptionElement } from '@patternfly/pfe-co
 import { PfSelectGroup } from './pf-select-group.js';
 import { PfSelectOption } from './pf-select-option.js';
 
+
 import styles from './pf-select-list.css';
+
+/**
+ * event when slotted options are updated
+ * @first refresh
+ */
+export class PfSelectListRefreshEvent extends Event {
+  constructor(public originalEvent: Event) {
+    super('refresh', { bubbles: true, composed: true });
+  }
+}
+
 /**
  * Listbox for select options.
  *
@@ -39,7 +51,7 @@ export class PfSelectList extends LitElement {
   /**
    * whether multiple items can be selected
    */
-  @property({ reflect: true, attribute: 'multi-selectable', type: Boolean }) multiSelectable = false;
+  @property({ reflect: true, attribute: 'multi', type: Boolean }) multi = false;
 
   @queryAssignedElements({ flatten: true }) private _slottedElements?: Array<HTMLElement>;
 
@@ -115,10 +127,11 @@ export class PfSelectList extends LitElement {
     this.#listboxController = new ListboxController(this, {
       caseSensitive: this.caseSensitive,
       matchAnywhere: this.matchAnywhere,
-      multi: this.multiSelectable,
+      multi: this.multi,
       orientation: 'vertical'
     });
-    this.#listboxController.options = this.options as ListboxOptionElement[];
+    const options: unknown[] = this.options || [];
+    this.#listboxController.options = options as ListboxOptionElement[];
     super.firstUpdated(changed);
   }
 
@@ -133,8 +146,8 @@ export class PfSelectList extends LitElement {
       if (changed.has('matchAnywhere')) {
         this.#listboxController.matchAnywhere = this.matchAnywhere;
       }
-      if (changed.has('multiSelectable')) {
-        this.#listboxController.multi = this.multiSelectable;
+      if (changed.has('multi')) {
+        this.#listboxController.multi = this.multi;
       }
     }
   }
@@ -162,13 +175,15 @@ export class PfSelectList extends LitElement {
   }
 
   /**
-   * @fires listboxoptions to indicate slotted listbox options ahve changed
+   * handles slot change to indicate slotted listbox options have changed
+   * @param event {Event}
    */
-  #onSlotchange() {
+  #onSlotchange(event: Event) {
     if (this.#listboxController) {
-      this.#listboxController.options = this.options as ListboxOptionElement[];
+      const options: unknown[] = this.options || [];
+      this.#listboxController.options = options as ListboxOptionElement[];
     }
-    this.dispatchEvent(new Event('listboxoptions', { bubbles: true }));
+    this.dispatchEvent(new PfSelectListRefreshEvent(event));
   }
 }
 
diff --git a/elements/pf-select/pf-select-option.css b/elements/pf-select/pf-select-option.css
index e2f6c7417e..ed7b0c8312 100644
--- a/elements/pf-select/pf-select-option.css
+++ b/elements/pf-select/pf-select-option.css
@@ -3,7 +3,6 @@
 }
 
 :host([hidden]),
-:host([hidden-by-filter]),
 *[hidden] {
   display: none !important;
 }
diff --git a/elements/pf-select/pf-select-option.ts b/elements/pf-select/pf-select-option.ts
index e434fafa1f..42dafb4653 100644
--- a/elements/pf-select/pf-select-option.ts
+++ b/elements/pf-select/pf-select-option.ts
@@ -5,8 +5,42 @@ import { property } from 'lit/decorators/property.js';
 import { InternalsController } from '@patternfly/pfe-core/controllers/internals-controller.js';
 import { getRandomId } from '@patternfly/pfe-core/functions/random.js';
 
+
 import styles from './pf-select-option.css';
 
+
+export class PfSelectOptionCreatedEvent extends Event {
+  constructor() {
+    super('created', { bubbles: true, composed: true });
+  }
+}
+
+export class PfSelectOptionSelectEvent extends Event {
+  constructor(public originalEvent?: Event) {
+    super('select', { bubbles: true, composed: true });
+  }
+}
+
+/**
+ * focus custom event for listbox options
+ * @fires focus
+ */
+export class PfSelectOptionFocusEvent extends Event {
+  constructor(public originalEvent: Event) {
+    super('focus', { bubbles: true, composed: true });
+  }
+}
+
+/**
+ * blur custom event for listbox options
+ * @fires blur
+ */
+export class PfSelectOptionBlurEvent extends Event {
+  constructor(public originalEvent: Event) {
+    super('blur', { bubbles: true, composed: true });
+  }
+}
+
 /**
  * Option within a listbox
  * @slot -
@@ -26,8 +60,7 @@ export class PfSelectOption extends LitElement {
   @property({ type: Boolean }) disabled = false;
 
   /**
-   * whether list items are arranged vertically or horizontally;
-   * limits arrow keys based on orientation
+   * value of options
    */
   @property({ attribute: false, reflect: true }) value: unknown;
 
@@ -36,20 +69,6 @@ export class PfSelectOption extends LitElement {
    */
   @property({ type: Boolean }) selected = false;
 
-  /**
-  * total number of options
-  */
-  @property({ type: Number }) setSize!: number;
-
-  /**
-  * option's position amoun the other options
-  */
-  @property({ type: Number }) posInSet!: number;
-
-  /**
-   * whether option is hidden by listbox filtering
-   */
-  @property({ reflect: true, attribute: 'hidden-by-filter', type: Boolean }) hiddenByFilter = false;
 
   @queryAssignedNodes({ slot: '', flatten: true }) private _slottedText!: Node[];
 
@@ -60,13 +79,42 @@ export class PfSelectOption extends LitElement {
     role: 'option'
   });
 
+  /**
+   * whether option is hidden by listbox filtering
+   */
+  set filtered(filtered: boolean) {
+    this.toggleAttribute('filtered', filtered);
+  }
+
+  get filtered() {
+    return !!this.getAttribute('filtered');
+  }
+
+  /**
+  * option's position amoun the other options
+  */
+  set posInSet(posInSet: string | null) {
+    this.#internals.ariaPosInSet = `${Math.max(0, parseInt(posInSet || '0'))}`;
+  }
+
+  get posInSet() {
+    return this.#internals.ariaPosInSet;
+  }
+
+  /**
+  * total number of options
+  */
+  set setSize(setSize: string | null) {
+    this.#internals.ariaSetSize = `${Math.max(0, parseInt(setSize || '0'))}`;
+  }
+
+  get setSize() {
+    return this.#internals.ariaSetSize;
+  }
+
   override connectedCallback() {
     super.connectedCallback();
-    this.id = this.id || getRandomId();
-    this.addEventListener('click', this.#onClick);
-    this.addEventListener('keydown', this.#onKeydown);
-    this.addEventListener('focus', this.#onFocus);
-    this.addEventListener('blur', this.#onBlur);
+    this.id ||= getRandomId();
   }
 
   render() {
@@ -97,19 +145,11 @@ export class PfSelectOption extends LitElement {
         this.#createOption();
       }
       this.#internals.ariaSelected = this.selected ? 'true' : 'false';
-    }
-    if (changed.has('posInSet')) {
-      this.#internals.ariaPosInSet = this.posInSet ? `${this.posInSet}` : null;
+      this.dispatchEvent(new PfSelectOptionSelectEvent());
     }
     if (changed.has('disabled')) {
       this.#internals.ariaDisabled = String(!!this.disabled);
     }
-    if (changed.has('setSize')) {
-      this.#internals.ariaSetSize = this.setSize ? `${this.setSize}` : null;
-    }
-    if (changed.has('hiddenByFilter')) {
-      this.#onHiddenByFilter();
-    }
   }
 
   /**
@@ -146,51 +186,8 @@ export class PfSelectOption extends LitElement {
   #createOption() {
     this.#createOptionText = '';
     this.#userCreatedOption = true;
-    this.dispatchEvent(new Event('optioncreated', { bubbles: true }));
+    this.dispatchEvent(new PfSelectOptionCreatedEvent());
     this.selected = true;
-    this.dispatchEvent(new Event('select', { bubbles: true }));
-  }
-
-  /**
-   * handles option click
-   * @fires select
-   */
-  #onClick() {
-    this.dispatchEvent(new Event('select', { bubbles: true }));
-  }
-
-  /**
-   * handles option click
-   * @fires select
-   */
-  #onKeydown(event: KeyboardEvent) {
-    if (['Enter', ' '].includes(event.key)) {
-      this.dispatchEvent(new Event('select', { bubbles: true }));
-    }
-  }
-
-  /**
-   * handles option focus
-   * @fires optionfocus
-   */
-  #onFocus() {
-    this.dispatchEvent(new Event('optionfocus', { bubbles: true }));
-  }
-
-  /**
-   * handles option hidden by filter
-   * @fires optionfiltered
-   */
-  #onHiddenByFilter() {
-    this.dispatchEvent(new Event('optionfiltered', { bubbles: true }));
-  }
-
-  /**
-   * handles option blur
-   * @fires optionblur
-   */
-  #onBlur() {
-    this.dispatchEvent(new Event('optionblur', { bubbles: true }));
   }
 }
 
diff --git a/elements/pf-select/pf-select.ts b/elements/pf-select/pf-select.ts
index 2b0219d036..00286f41fa 100644
--- a/elements/pf-select/pf-select.ts
+++ b/elements/pf-select/pf-select.ts
@@ -2,12 +2,15 @@ import { LitElement, html, type PropertyValues } from 'lit';
 import { customElement } from 'lit/decorators/custom-element.js';
 import { property } from 'lit/decorators/property.js';
 import { query } from 'lit/decorators/query.js';
+import { repeat } from 'lit/directives/repeat.js';
 import { styleMap } from 'lit/directives/style-map.js';
 import { classMap } from 'lit/directives/class-map.js';
 import { ToggleController } from '@patternfly/pfe-core/controllers/toggle-controller.js';
-import type { PfSelectOption } from './pf-select-option.js';
+import { PfSelectOption, PfSelectOptionCreatedEvent } from './pf-select-option.js';
+import { ChipRemoveEvent } from '@patternfly/elements/pf-chip/pf-chip.js';
 import { PfChipGroup } from '@patternfly/elements/pf-chip/pf-chip-group.js';
-import { PfSelectList } from './pf-select-list.js';
+import { PfSelectList, PfSelectListRefreshEvent } from './pf-select-list.js';
+
 
 import styles from './pf-select.css';
 
@@ -73,7 +76,7 @@ export class PfSelect extends LitElement {
   @property({ reflect: true, attribute: 'has-checkboxes', type: Boolean }) hasCheckboxes = false;
 
   /**
-   * multi-selectable listbox button text
+   * multi listbox button text
    */
   @property({ attribute: 'items-selected-text', type: String }) itemsSelectedText = 'items selected';
 
@@ -86,7 +89,7 @@ export class PfSelect extends LitElement {
   /**
    * whether multiple items can be selected
    */
-  @property({ reflect: true, attribute: 'multi-selectable', type: Boolean }) multiSelectable = false;
+  @property({ reflect: true, attribute: 'multi', type: Boolean }) multi = false;
 
   /**
    * whether listbox is always expanded
@@ -137,7 +140,15 @@ export class PfSelect extends LitElement {
    * whether listbox is aria-multiselectable
    */
   get #isMulti() {
-    return this.multiSelectable || this.hasCheckboxes;
+    return this.multi || this.hasCheckboxes;
+  }
+
+  /**
+   * listbox's array of selected options
+   */
+  get #selectedOptions() {
+    const options: unknown[] = this._listbox?.selectedOptions || [];
+    return options as PfSelectOption[];
   }
 
   /**
@@ -156,24 +167,17 @@ export class PfSelect extends LitElement {
         ?hidden=${!this.alwaysExpanded && !this.expanded}
         ?case-sensitive=${this.caseSensitive}
         ?match-anywhere=${this.matchAnywhere}
-        ?multi-selectable=${this.#isMulti}
+        ?multi=${this.#isMulti}
         filter="${this.filter || ''}"
         @input=${this.#onListboxInput}
         @change=${this.#onListboxChange}
-        @listboxoptions=${this.#updateValueText}
+        @refresh=${this.#onListboxRefresh}
         @select=${this.#onListboxSelect}
-        @optioncreated=${this.#onOptionCreated}>
+        @created=${this.#onOptionCreated}>
         <slot></slot>
       </pf-select-list>`;
   }
 
-  /**
-   * listbox's array of selected options
-   */
-  get #selectedOptions() {
-    return (this._listbox?.selectedOptions || []) as PfSelectOption[];
-  }
-
   /**
    * array of text content from listbox's array of selected options
    */
@@ -189,13 +193,6 @@ export class PfSelect extends LitElement {
     return text || '';
   }
 
-  /**
-   * list of values as comma separated list
-   */
-  get selectedList() {
-    return this.#valueTextArray.map(txt => txt.replace(',', '\\,')).join(', ');
-  }
-
   /**
    * whether select has badge for number of selected items
    */
@@ -232,6 +229,13 @@ export class PfSelect extends LitElement {
     return this._listbox?.selected;
   }
 
+  /**
+   * list of values as comma separated list
+   */
+  get selectedList() {
+    return this.#valueTextArray.map(txt => txt.replace(',', '\\,')).join(', ');
+  }
+
   render() {
     const { hasBadge, typeahead, disabled, alwaysExpanded } = this;
     const { expanded, anchor, alignment } = this.#toggle || { 'expanded': true, 'anchor': 'bottom', 'alignment': 'start' };
@@ -247,27 +251,26 @@ export class PfSelect extends LitElement {
             ?hidden="${this.alwaysExpanded}">
           ${!this.hasChips || this.#selectedOptions.length < 1 ? '' : html`
             <pf-chip-group label="${this.currentSelectionsLabel}">
-              ${this.#selectedOptions.map(opt => html`
-                <pf-chip id="chip-${opt.textContent}" 
-                  .readOnly="${this.disabled}"
-                  @chip-remove=${(e: Event) => this.#onChipRemove(e, opt)}>${opt.textContent}</pf-chip>
-              `)}
+              ${repeat(this.#selectedOptions, opt => opt.id, opt => html`<pf-chip id="chip-${opt.textContent}" 
+              .readOnly="${this.disabled}"
+              @remove=${(e: Event) => this.#onChipRemove(e, opt)}>${opt.textContent}</pf-chip>`)}
             </pf-chip-group>
           `}
           <input 
             id="toggle-input" 
             type="text" 
-            aria-controls="listbox" 
             aria-autocomplete="both" 
+            aria-controls="listbox" 
             aria-expanded="${!this.expanded ? 'false' : 'true'}"
+            aria-haspopup="listbox" 
             ?disabled="${this.disabled}"
             ?hidden="${!this.typeahead}" 
             placeholder="${this.#buttonLabel}"
             role="combobox"
             @input=${this.#onTypeaheadInput}>
             <button id="toggle-button" 
-              aria-expanded="${!this.expanded ? 'false' : 'true'}" 
               aria-controls="listbox" 
+              aria-expanded="${!this.expanded ? 'false' : 'true'}" 
               aria-haspopup="listbox">
               <span id="toggle-text" class="${classMap({ offscreen, badge })}">
                 ${this.#buttonLabel}
@@ -340,14 +343,13 @@ export class PfSelect extends LitElement {
    * @param txt chip text to be removed from values
    */
   #onChipRemove(event: Event, opt: PfSelectOption) {
-    setTimeout(() => {
-      if (opt) {
+    if (event instanceof ChipRemoveEvent && opt) {
+      setTimeout(() => {
         // deselect option
         opt.selected = false;
-        this.requestUpdate();
         this._input?.focus();
-      }
-    }, 1);
+      }, 1);
+    }
   }
 
   /**
@@ -364,6 +366,16 @@ export class PfSelect extends LitElement {
     this.#updateValueText();
   }
 
+  /**
+   * handles listbox options refresh
+   * @param event {PfSelectListRefreshEvent}
+   */
+  #onListboxRefresh(event: PfSelectListRefreshEvent) {
+    if (event instanceof PfSelectListRefreshEvent) {
+      this.#updateValueText();
+    }
+  }
+
   /**
    * handles listbox select event
    */
@@ -384,7 +396,7 @@ export class PfSelect extends LitElement {
 
       // set focus on input when a new chip is added
       if (this.hasChips) {
-        this._input?.focus();
+        this.requestUpdate();
       }
     }
   }
@@ -392,10 +404,12 @@ export class PfSelect extends LitElement {
   /**
    * handles listbox option being created and creates a new "create option"
    */
-  #onOptionCreated() {
-    this.#addCreateOption();
-    this.filter = '';
-    this.#updateCreateOptionValue();
+  #onOptionCreated(event: Event) {
+    if (event instanceof PfSelectOptionCreatedEvent) {
+      this.#addCreateOption();
+      this.filter = '';
+      this.#updateCreateOptionValue();
+    }
   }
 
   /**
diff --git a/elements/pf-select/test/pf-select.spec.ts b/elements/pf-select/test/pf-select.spec.ts
index c59f72e44a..495cfc6dc2 100644
--- a/elements/pf-select/test/pf-select.spec.ts
+++ b/elements/pf-select/test/pf-select.spec.ts
@@ -186,7 +186,7 @@ describe('<pf-select>', function() {
 
   describe('multiple select `always-expanded`', function() {
     beforeEach(async function() {
-      element = await createFixture<PfSelect>(html`<pf-select multi-selectable always-expanded>${OPTIONS}</pf-select>`);
+      element = await createFixture<PfSelect>(html`<pf-select multi always-expanded>${OPTIONS}</pf-select>`);
       setOptions();
       await click(first);
       await click(fifth);
@@ -229,7 +229,7 @@ describe('<pf-select>', function() {
   describe('multiple select `selected-items-display`', function() {
     beforeEach(async function() {
       element = await createFixture<PfSelect>(html`
-        <pf-select multi-selectable selected-items-display="badge">
+        <pf-select multi selected-items-display="badge">
           <pf-select-option value="Amethyst" selected>Amethyst</pf-select-option>
           <pf-select-option value="Aqua" selected>Aqua</pf-select-option>
           ${OPTIONS}