diff --git a/packages/react-core/src/components/DataToolbar/__tests__/__snapshots__/DataToolbar.test.tsx.snap b/packages/react-core/src/components/DataToolbar/__tests__/__snapshots__/DataToolbar.test.tsx.snap
index 4acda4e3df0..0e0ac8d8ad4 100644
--- a/packages/react-core/src/components/DataToolbar/__tests__/__snapshots__/DataToolbar.test.tsx.snap
+++ b/packages/react-core/src/components/DataToolbar/__tests__/__snapshots__/DataToolbar.test.tsx.snap
@@ -171,6 +171,7 @@ exports[`data toolbar DataToolbarFilter 1`] = `
                                       isChecked={false}
                                       isDisabled={false}
                                       isFocused={false}
+                                      isNoResultsOption={false}
                                       isPlaceholder={false}
                                       isSelected={false}
                                       keyHandler={[Function]}
@@ -185,6 +186,7 @@ exports[`data toolbar DataToolbarFilter 1`] = `
                                       isChecked={false}
                                       isDisabled={false}
                                       isFocused={false}
+                                      isNoResultsOption={false}
                                       isPlaceholder={false}
                                       isSelected={false}
                                       keyHandler={[Function]}
@@ -213,6 +215,7 @@ exports[`data toolbar DataToolbarFilter 1`] = `
                                 createText="Create"
                                 customContent={null}
                                 direction="down"
+                                hasInlineFilter={false}
                                 isCreatable={false}
                                 isDisabled={false}
                                 isExpanded={false}
@@ -250,6 +253,7 @@ exports[`data toolbar DataToolbarFilter 1`] = `
                                     ariaLabelledBy=" pf-toggle-id-4"
                                     className=""
                                     handleTypeaheadKeys={[Function]}
+                                    hasClearButton={false}
                                     id="pf-toggle-id-4"
                                     isActive={false}
                                     isDisabled={false}
@@ -884,6 +888,7 @@ exports[`data toolbar DataToolbarFilter 1`] = `
                                       isChecked={false}
                                       isDisabled={false}
                                       isFocused={false}
+                                      isNoResultsOption={false}
                                       isPlaceholder={false}
                                       isSelected={false}
                                       keyHandler={[Function]}
@@ -898,6 +903,7 @@ exports[`data toolbar DataToolbarFilter 1`] = `
                                       isChecked={false}
                                       isDisabled={false}
                                       isFocused={false}
+                                      isNoResultsOption={false}
                                       isPlaceholder={false}
                                       isSelected={false}
                                       keyHandler={[Function]}
@@ -926,6 +932,7 @@ exports[`data toolbar DataToolbarFilter 1`] = `
                                 createText="Create"
                                 customContent={null}
                                 direction="down"
+                                hasInlineFilter={false}
                                 isCreatable={false}
                                 isDisabled={false}
                                 isExpanded={false}
@@ -963,6 +970,7 @@ exports[`data toolbar DataToolbarFilter 1`] = `
                                     ariaLabelledBy=" pf-toggle-id-5"
                                     className=""
                                     handleTypeaheadKeys={[Function]}
+                                    hasClearButton={false}
                                     id="pf-toggle-id-5"
                                     isActive={false}
                                     isDisabled={false}
@@ -2345,6 +2353,7 @@ exports[`data toolbar DataToolbarToggleGroup 1`] = `
                                     isChecked={false}
                                     isDisabled={false}
                                     isFocused={false}
+                                    isNoResultsOption={false}
                                     isPlaceholder={false}
                                     isSelected={false}
                                     keyHandler={[Function]}
@@ -2359,6 +2368,7 @@ exports[`data toolbar DataToolbarToggleGroup 1`] = `
                                     isChecked={false}
                                     isDisabled={false}
                                     isFocused={false}
+                                    isNoResultsOption={false}
                                     isPlaceholder={false}
                                     isSelected={false}
                                     keyHandler={[Function]}
@@ -2387,6 +2397,7 @@ exports[`data toolbar DataToolbarToggleGroup 1`] = `
                               createText="Create"
                               customContent={null}
                               direction="down"
+                              hasInlineFilter={false}
                               isCreatable={false}
                               isDisabled={false}
                               isExpanded={false}
@@ -2424,6 +2435,7 @@ exports[`data toolbar DataToolbarToggleGroup 1`] = `
                                   ariaLabelledBy=" pf-toggle-id-0"
                                   className=""
                                   handleTypeaheadKeys={[Function]}
+                                  hasClearButton={false}
                                   id="pf-toggle-id-0"
                                   isActive={false}
                                   isDisabled={false}
@@ -2559,6 +2571,7 @@ exports[`data toolbar DataToolbarToggleGroup 1`] = `
                                     isChecked={false}
                                     isDisabled={false}
                                     isFocused={false}
+                                    isNoResultsOption={false}
                                     isPlaceholder={false}
                                     isSelected={false}
                                     keyHandler={[Function]}
@@ -2573,6 +2586,7 @@ exports[`data toolbar DataToolbarToggleGroup 1`] = `
                                     isChecked={false}
                                     isDisabled={false}
                                     isFocused={false}
+                                    isNoResultsOption={false}
                                     isPlaceholder={false}
                                     isSelected={false}
                                     keyHandler={[Function]}
@@ -2601,6 +2615,7 @@ exports[`data toolbar DataToolbarToggleGroup 1`] = `
                               createText="Create"
                               customContent={null}
                               direction="down"
+                              hasInlineFilter={false}
                               isCreatable={false}
                               isDisabled={false}
                               isExpanded={false}
@@ -2638,6 +2653,7 @@ exports[`data toolbar DataToolbarToggleGroup 1`] = `
                                   ariaLabelledBy=" pf-toggle-id-1"
                                   className=""
                                   handleTypeaheadKeys={[Function]}
+                                  hasClearButton={false}
                                   id="pf-toggle-id-1"
                                   isActive={false}
                                   isDisabled={false}
diff --git a/packages/react-core/src/components/Select/Select.tsx b/packages/react-core/src/components/Select/Select.tsx
index e0b7dcb52f4..b88dc766e82 100644
--- a/packages/react-core/src/components/Select/Select.tsx
+++ b/packages/react-core/src/components/Select/Select.tsx
@@ -8,11 +8,12 @@ import TimesCircleIcon from '@patternfly/react-icons/dist/js/icons/times-circle-
 import { SelectMenu } from './SelectMenu';
 import { SelectOption, SelectOptionObject } from './SelectOption';
 import { SelectToggle } from './SelectToggle';
-import { SelectContext, SelectVariant, SelectDirection } from './selectConstants';
+import { SelectContext, SelectVariant, SelectDirection, KeyTypes } from './selectConstants';
 import { Chip, ChipGroup } from '../ChipGroup';
 import { keyHandler, getNextIndex } from '../../helpers/util';
 import { Omit, PickOptional } from '../../helpers/typeUtils';
 import { InjectedOuiaProps, withOuiaContext } from '../withOuia';
+import { Divider } from '../Divider';
 
 // seed for the aria-labelledby ID
 let currentId = 0;
@@ -81,6 +82,8 @@ export interface SelectProps
   toggleIcon?: React.ReactElement;
   /** Custom content to render in the select menu.  If this prop is defined, the variant prop will be ignored and the select will render with a single select toggle */
   customContent?: React.ReactNode;
+  /** Flag indicating if select should have an inline text input for filtering */
+  hasInlineFilter?: boolean;
 }
 
 export interface SelectState {
@@ -94,6 +97,7 @@ export interface SelectState {
 
 class Select extends React.Component<SelectProps & InjectedOuiaProps, SelectState> {
   private parentRef = React.createRef<HTMLDivElement>();
+  private filterRef = React.createRef<HTMLInputElement>();
   private refCollection: HTMLElement[] = [];
 
   static defaultProps: PickOptional<SelectProps> = {
@@ -122,7 +126,8 @@ class Select extends React.Component<SelectProps & InjectedOuiaProps, SelectStat
     onCreateOption: () => undefined as void,
     toggleIcon: null as React.ReactElement,
     onFilter: null,
-    customContent: null
+    customContent: null,
+    hasInlineFilter: false
   };
 
   state: SelectState = {
@@ -135,6 +140,10 @@ class Select extends React.Component<SelectProps & InjectedOuiaProps, SelectStat
   };
 
   componentDidUpdate = (prevProps: SelectProps, prevState: SelectState) => {
+    if (this.props.hasInlineFilter) {
+      this.refCollection[0] = this.filterRef.current;
+    }
+
     if (!prevState.openedOnEnter && this.state.openedOnEnter) {
       this.refCollection[0].focus();
     }
@@ -190,7 +199,10 @@ class Select extends React.Component<SelectProps & InjectedOuiaProps, SelectStat
       typeaheadFilteredChildren = [];
     }
     if (typeaheadFilteredChildren.length === 0) {
-      !isCreatable && typeaheadFilteredChildren.push(<SelectOption isDisabled key={0} value={noResultsFoundText} />);
+      !isCreatable &&
+        typeaheadFilteredChildren.push(
+          <SelectOption isDisabled key={0} value={noResultsFoundText} isNoResultsOption />
+        );
     }
     if (isCreatable && e.target.value !== '') {
       const newValue = e.target.value;
@@ -357,10 +369,11 @@ class Select extends React.Component<SelectProps & InjectedOuiaProps, SelectStat
       ouiaId,
       createText,
       noResultsFoundText,
+      hasInlineFilter,
       ...props
     } = this.props;
     /* eslint-enable @typescript-eslint/no-unused-vars */
-    const { openedOnEnter, typeaheadInputValue, typeaheadActiveChild } = this.state;
+    const { openedOnEnter, typeaheadInputValue, typeaheadActiveChild, typeaheadFilteredChildren } = this.state;
     const selectToggleId = toggleId || `pf-toggle-id-${currentId++}`;
     let childPlaceholderText = null;
     if (!customContent) {
@@ -371,6 +384,25 @@ class Select extends React.Component<SelectProps & InjectedOuiaProps, SelectStat
           (children[0] && this.getDisplay(children[0].props.value, 'node'));
       }
     }
+
+    const hasOnClear = onClear !== Select.defaultProps.onClear;
+    const hasAnySelections =
+      selections && (Array.isArray(selections) ? (selections.length > 0 ? true : false) : selections !== '');
+    const clearBtn = (
+      <button
+        className={css(buttonStyles.button, buttonStyles.modifiers.plain, styles.selectToggleClear)}
+        onClick={e => {
+          this.clearSelection(e);
+          onClear(e);
+        }}
+        aria-label={ariaLabelClear}
+        type="button"
+        disabled={isDisabled}
+      >
+        <TimesCircleIcon aria-hidden />
+      </button>
+    );
+
     let selectedChips = null;
     if (variant === SelectVariant.typeaheadMulti) {
       selectedChips = (
@@ -385,6 +417,36 @@ class Select extends React.Component<SelectProps & InjectedOuiaProps, SelectStat
       );
     }
 
+    let filterWithChildren = children;
+    if (hasInlineFilter) {
+      const filterBox = (
+        <React.Fragment>
+          <div key="inline-filter" className={css(styles.selectMenuInput)}>
+            <input
+              key="inline-filter-input"
+              type="search"
+              className={css(formStyles.formControl, formStyles.modifiers.search)}
+              onChange={this.onChange}
+              onKeyDown={event => {
+                if (event.key === KeyTypes.ArrowUp) {
+                  this.handleArrowKeys(0, 'up');
+                } else if (event.key === KeyTypes.ArrowDown) {
+                  this.handleArrowKeys(0, 'down');
+                }
+              }}
+              ref={this.filterRef}
+              autoComplete="off"
+            ></input>
+          </div>
+          <Divider key="inline-filter-divider" />
+        </React.Fragment>
+      );
+      this.refCollection[0] = this.filterRef.current;
+      filterWithChildren = [filterBox, ...(typeaheadFilteredChildren as React.ReactElement[])].map((option, index) =>
+        React.cloneElement(option, { key: index })
+      );
+    }
+
     return (
       <div
         className={css(
@@ -414,6 +476,7 @@ class Select extends React.Component<SelectProps & InjectedOuiaProps, SelectStat
             ariaLabelToggle={ariaLabelToggle}
             handleTypeaheadKeys={this.handleTypeaheadKeys}
             isDisabled={isDisabled}
+            hasClearButton={hasOnClear}
           >
             {customContent && (
               <div className={css(styles.selectToggleWrapper)}>
@@ -427,6 +490,7 @@ class Select extends React.Component<SelectProps & InjectedOuiaProps, SelectStat
                 <span className={css(styles.selectToggleText)}>
                   {this.getDisplay(selections as string, 'node') || placeholderText || childPlaceholderText}
                 </span>
+                {hasOnClear && hasAnySelections && clearBtn}
               </div>
             )}
             {variant === SelectVariant.checkbox && !customContent && (
@@ -440,6 +504,7 @@ class Select extends React.Component<SelectProps & InjectedOuiaProps, SelectStat
                     </div>
                   )}
                 </div>
+                {hasOnClear && hasAnySelections && clearBtn}
               </React.Fragment>
             )}
             {variant === SelectVariant.typeahead && !customContent && (
@@ -465,20 +530,7 @@ class Select extends React.Component<SelectProps & InjectedOuiaProps, SelectStat
                     disabled={isDisabled}
                   />
                 </div>
-                {(selections || typeaheadInputValue) && (
-                  <button
-                    className={css(buttonStyles.button, buttonStyles.modifiers.plain, styles.selectToggleClear)}
-                    onClick={e => {
-                      this.clearSelection(e);
-                      onClear(e);
-                    }}
-                    aria-label={ariaLabelClear}
-                    type="button"
-                    disabled={isDisabled}
-                  >
-                    <TimesCircleIcon aria-hidden />
-                  </button>
-                )}
+                {(selections || typeaheadInputValue) && clearBtn}
               </React.Fragment>
             )}
             {variant === SelectVariant.typeaheadMulti && !customContent && (
@@ -501,20 +553,8 @@ class Select extends React.Component<SelectProps & InjectedOuiaProps, SelectStat
                     disabled={isDisabled}
                   />
                 </div>
-                {((selections && (Array.isArray(selections) && selections.length > 0)) || typeaheadInputValue) && (
-                  <button
-                    className={css(buttonStyles.button, buttonStyles.modifiers.plain, styles.selectToggleClear)}
-                    onClick={e => {
-                      this.clearSelection(e);
-                      onClear(e);
-                    }}
-                    aria-label={ariaLabelClear}
-                    type="button"
-                    disabled={isDisabled}
-                  >
-                    <TimesCircleIcon aria-hidden />
-                  </button>
-                )}
+                {((selections && (Array.isArray(selections) && selections.length > 0)) || typeaheadInputValue) &&
+                  clearBtn}
               </React.Fragment>
             )}
           </SelectToggle>
@@ -557,8 +597,9 @@ class Select extends React.Component<SelectProps & InjectedOuiaProps, SelectStat
               sendRef={this.sendRef}
               keyHandler={this.handleArrowKeys}
               maxHeight={maxHeight}
+              hasInlineFilter={hasInlineFilter}
             >
-              {children}
+              {filterWithChildren}
             </SelectMenu>
           )}
           {(variant === SelectVariant.typeahead || variant === SelectVariant.typeaheadMulti) &&
diff --git a/packages/react-core/src/components/Select/SelectMenu.tsx b/packages/react-core/src/components/Select/SelectMenu.tsx
index 725d2b1d815..8e485aba094 100644
--- a/packages/react-core/src/components/Select/SelectMenu.tsx
+++ b/packages/react-core/src/components/Select/SelectMenu.tsx
@@ -2,7 +2,7 @@ import * as React from 'react';
 import styles from '@patternfly/react-styles/css/components/Select/select';
 import { default as formStyles } from '@patternfly/react-styles/css/components/Form/form';
 import { css } from '@patternfly/react-styles';
-import { SelectOptionObject } from './SelectOption';
+import { SelectOptionObject, SelectOption } from './SelectOption';
 import { SelectConsumer, SelectVariant } from './selectConstants';
 import { Omit, PickOptional } from '../../helpers/typeUtils';
 
@@ -36,6 +36,8 @@ export interface SelectMenuProps extends Omit<React.HTMLProps<HTMLElement>, 'che
   sendRef?: (ref: React.ReactNode, index: number) => void;
   /** Internal callback for keyboard navigation */
   keyHandler?: (index: number, position: string) => void;
+  /** Flag indicating select has an inline text input for filtering */
+  hasInlineFilter?: boolean;
 }
 
 export class SelectMenu extends React.Component<SelectMenuProps> {
@@ -48,7 +50,8 @@ export class SelectMenu extends React.Component<SelectMenuProps> {
     maxHeight: '',
     sendRef: () => {},
     keyHandler: () => {},
-    isCustomContent: false
+    isCustomContent: false,
+    hasInlineFilter: false
   };
 
   extendChildren() {
@@ -83,13 +86,15 @@ export class SelectMenu extends React.Component<SelectMenuProps> {
     });
   }
 
-  extendCheckboxChildren() {
-    const { children, isGrouped, checked, sendRef, keyHandler } = this.props;
-    const childrenArray = children as React.ReactElement[];
+  extendCheckboxChildren(children: React.ReactElement[]) {
+    const { isGrouped, checked, sendRef, keyHandler, hasInlineFilter } = this.props;
+    let index = hasInlineFilter ? 1 : 0;
     if (isGrouped) {
-      let index = 0;
-      return React.Children.map(childrenArray, (group: React.ReactElement) =>
-        React.cloneElement(group, {
+      return React.Children.map(children, (group: React.ReactElement) => {
+        if (group.type === SelectOption) {
+          return group;
+        }
+        return React.cloneElement(group, {
           titleId: group.props.label.replace(/\W/g, '-'),
           children: (
             <fieldset
@@ -106,20 +111,16 @@ export class SelectMenu extends React.Component<SelectMenuProps> {
               )}
             </fieldset>
           )
-        })
-      );
+        });
+      });
     }
-    return (
-      <React.Fragment>
-        {React.Children.map(childrenArray, (child: React.ReactElement, index: number) =>
-          React.cloneElement(child, {
-            isChecked: checked && checked.includes(child.props.value),
-            sendRef,
-            keyHandler,
-            index
-          })
-        )}
-      </React.Fragment>
+    return React.Children.map(children, (child: React.ReactElement) =>
+      React.cloneElement(child, {
+        isChecked: checked && checked.includes(child.props.value),
+        sendRef,
+        keyHandler,
+        index: index++
+      })
     );
   }
 
@@ -141,10 +142,10 @@ export class SelectMenu extends React.Component<SelectMenuProps> {
       createText,
       'aria-label': ariaLabel,
       'aria-labelledby': ariaLabelledBy,
+      hasInlineFilter,
       ...props
     } = this.props;
     /* eslint-enable @typescript-eslint/no-unused-vars */
-
     return (
       <SelectConsumer>
         {({ variant }) => (
@@ -180,7 +181,11 @@ export class SelectMenu extends React.Component<SelectMenuProps> {
                     aria-labelledby={(!ariaLabel && ariaLabelledBy) || null}
                     className={css(formStyles.formFieldset)}
                   >
-                    {this.extendCheckboxChildren()}
+                    {hasInlineFilter && [
+                      (children as React.ReactElement[]).shift(),
+                      ...this.extendCheckboxChildren(children as React.ReactElement[])
+                    ]}
+                    {!hasInlineFilter && this.extendCheckboxChildren(children as React.ReactElement[])}
                   </fieldset>
                 </div>
               </FocusTrap>
diff --git a/packages/react-core/src/components/Select/SelectOption.tsx b/packages/react-core/src/components/Select/SelectOption.tsx
index 556ab52413b..ed8f071591e 100644
--- a/packages/react-core/src/components/Select/SelectOption.tsx
+++ b/packages/react-core/src/components/Select/SelectOption.tsx
@@ -27,6 +27,8 @@ export interface SelectOptionProps extends Omit<React.HTMLProps<HTMLElement>, 't
   isDisabled?: boolean;
   /** Flag indicating if the option acts as a placeholder */
   isPlaceholder?: boolean;
+  /** Flad indicating if the option acts as a "no results" indicator */
+  isNoResultsOption?: boolean;
   /** Internal flag indicating if the option is selected */
   isSelected?: boolean;
   /** Internal flag indicating if the option is checked */
@@ -52,6 +54,7 @@ export class SelectOption extends React.Component<SelectOptionProps> {
     isSelected: false,
     isChecked: false,
     isFocused: false,
+    isNoResultsOption: false,
     component: 'button',
     onClick: () => {},
     sendRef: () => {},
@@ -59,11 +62,11 @@ export class SelectOption extends React.Component<SelectOptionProps> {
   };
 
   componentDidMount() {
-    this.props.sendRef(this.ref.current, this.props.index);
+    this.props.sendRef(this.props.isDisabled ? null : this.ref.current, this.props.index);
   }
 
   componentDidUpdate() {
-    this.props.sendRef(this.ref.current, this.props.index);
+    this.props.sendRef(this.props.isDisabled ? null : this.ref.current, this.props.index);
   }
 
   onKeyDown = (event: React.KeyboardEvent) => {
@@ -92,6 +95,7 @@ export class SelectOption extends React.Component<SelectOptionProps> {
       onClick,
       isDisabled,
       isPlaceholder,
+      isNoResultsOption,
       isSelected,
       isChecked,
       isFocused,
@@ -136,7 +140,7 @@ export class SelectOption extends React.Component<SelectOptionProps> {
                 </Component>
               </li>
             )}
-            {variant === SelectVariant.checkbox && (
+            {variant === SelectVariant.checkbox && !isNoResultsOption && (
               <label
                 {...props}
                 className={css(
@@ -166,6 +170,27 @@ export class SelectOption extends React.Component<SelectOptionProps> {
                 </span>
               </label>
             )}
+            {variant === SelectVariant.checkbox && isNoResultsOption && (
+              <div>
+                <Component
+                  {...props}
+                  className={css(
+                    styles.selectMenuItem,
+                    isSelected && styles.modifiers.selected,
+                    isDisabled && styles.modifiers.disabled,
+                    isFocused && styles.modifiers.focus,
+                    className
+                  )}
+                  role="option"
+                  aria-selected={isSelected || null}
+                  ref={this.ref}
+                  onKeyDown={this.onKeyDown}
+                  type="button"
+                >
+                  {children || value.toString()}
+                </Component>
+              </div>
+            )}
           </React.Fragment>
         )}
       </SelectConsumer>
diff --git a/packages/react-core/src/components/Select/SelectToggle.tsx b/packages/react-core/src/components/Select/SelectToggle.tsx
index d0f7d309700..286de1b997e 100644
--- a/packages/react-core/src/components/Select/SelectToggle.tsx
+++ b/packages/react-core/src/components/Select/SelectToggle.tsx
@@ -43,6 +43,8 @@ export interface SelectToggleProps extends React.HTMLProps<HTMLElement> {
   ariaLabelToggle?: string;
   /** Flag for variant, determines toggle rules and interaction */
   variant?: 'single' | 'checkbox' | 'typeahead' | 'typeaheadmulti';
+  /** Flag indicating if select toggle has an clear button */
+  hasClearButton?: boolean;
 }
 
 export class SelectToggle extends React.Component<SelectToggleProps> {
@@ -56,6 +58,7 @@ export class SelectToggle extends React.Component<SelectToggleProps> {
     isActive: false,
     isPlain: false,
     isDisabled: false,
+    hasClearButton: false,
     variant: 'single',
     ariaLabelledBy: '',
     ariaLabelToggle: '',
@@ -168,12 +171,14 @@ export class SelectToggle extends React.Component<SelectToggleProps> {
       parentRef,
       id,
       type,
+      hasClearButton,
       ariaLabelledBy,
       ariaLabelToggle,
       ...props
     } = this.props;
     /* eslint-enable @typescript-eslint/no-unused-vars */
-    const isTypeahead = variant === SelectVariant.typeahead || variant === SelectVariant.typeaheadMulti;
+    const isTypeahead =
+      variant === SelectVariant.typeahead || variant === SelectVariant.typeaheadMulti || hasClearButton;
     const toggleProps: {
       id: string;
       'aria-labelledby': string;
diff --git a/packages/react-core/src/components/Select/__tests__/Select.test.tsx b/packages/react-core/src/components/Select/__tests__/Select.test.tsx
index a87e4469e79..300fdcf2fb3 100644
--- a/packages/react-core/src/components/Select/__tests__/Select.test.tsx
+++ b/packages/react-core/src/components/Select/__tests__/Select.test.tsx
@@ -170,6 +170,22 @@ describe('checkbox select', () => {
     expect(view).toMatchSnapshot();
   });
 
+  test('renders expanded with filtering successfully', () => {
+    const view = mount(
+      <Select
+        variant={SelectVariant.checkbox}
+        onSelect={jest.fn()}
+        onToggle={jest.fn()}
+        onClear={jest.fn()}
+        isExpanded
+        hasInlineFilter
+      >
+        {selectOptions}
+      </Select>
+    );
+    expect(view).toMatchSnapshot();
+  });
+
   test('renders expanded successfully with custom objects', () => {
     const view = mount(
       <Select variant={SelectVariant.checkbox} onSelect={jest.fn()} onToggle={jest.fn()} isExpanded>
diff --git a/packages/react-core/src/components/Select/__tests__/__snapshots__/Select.test.tsx.snap b/packages/react-core/src/components/Select/__tests__/__snapshots__/Select.test.tsx.snap
index 8e182fc2a36..b6c543ab445 100644
--- a/packages/react-core/src/components/Select/__tests__/__snapshots__/Select.test.tsx.snap
+++ b/packages/react-core/src/components/Select/__tests__/__snapshots__/Select.test.tsx.snap
@@ -122,6 +122,7 @@ exports[`checkbox select renders checkbox select groups successfully - old class
       createText="Create"
       customContent={null}
       direction="down"
+      hasInlineFilter={false}
       isCreatable={false}
       isDisabled={false}
       isExpanded={true}
@@ -156,10 +157,11 @@ exports[`checkbox select renders checkbox select groups successfully - old class
       >
         <SelectToggle
           ariaLabelToggle="Options menu"
-          ariaLabelledBy=" pf-toggle-id-14"
+          ariaLabelledBy=" pf-toggle-id-15"
           className=""
           handleTypeaheadKeys={[Function]}
-          id="pf-toggle-id-14"
+          hasClearButton={false}
+          id="pf-toggle-id-15"
           isActive={false}
           isDisabled={false}
           isExpanded={true}
@@ -176,9 +178,9 @@ exports[`checkbox select renders checkbox select groups successfully - old class
               >
                 <button
                   aria-expanded="true"
-                  aria-labelledby=" pf-toggle-id-14"
+                  aria-labelledby=" pf-toggle-id-15"
                   class="pf-c-select__toggle"
-                  id="pf-toggle-id-14"
+                  id="pf-toggle-id-15"
                   type="button"
                 >
                   <div
@@ -369,10 +371,10 @@ exports[`checkbox select renders checkbox select groups successfully - old class
           <button
             aria-expanded={true}
             aria-haspopup={null}
-            aria-labelledby=" pf-toggle-id-14"
+            aria-labelledby=" pf-toggle-id-15"
             className="pf-c-select__toggle"
             disabled={false}
-            id="pf-toggle-id-14"
+            id="pf-toggle-id-15"
             onClick={[Function]}
             onKeyDown={[Function]}
             type="button"
@@ -419,6 +421,7 @@ exports[`checkbox select renders checkbox select groups successfully - old class
           aria-labelledby=""
           checked={Array []}
           className=""
+          hasInlineFilter={false}
           isCustomContent={false}
           isExpanded={false}
           isGrouped={true}
@@ -766,6 +769,7 @@ exports[`checkbox select renders checkbox select groups successfully 1`] = `
               isChecked={false}
               isDisabled={false}
               isFocused={false}
+              isNoResultsOption={false}
               isPlaceholder={false}
               isSelected={false}
               keyHandler={[Function]}
@@ -780,6 +784,7 @@ exports[`checkbox select renders checkbox select groups successfully 1`] = `
               isChecked={false}
               isDisabled={false}
               isFocused={false}
+              isNoResultsOption={false}
               isPlaceholder={false}
               isSelected={false}
               keyHandler={[Function]}
@@ -794,6 +799,7 @@ exports[`checkbox select renders checkbox select groups successfully 1`] = `
               isChecked={false}
               isDisabled={false}
               isFocused={false}
+              isNoResultsOption={false}
               isPlaceholder={false}
               isSelected={false}
               keyHandler={[Function]}
@@ -808,6 +814,7 @@ exports[`checkbox select renders checkbox select groups successfully 1`] = `
               isChecked={false}
               isDisabled={false}
               isFocused={false}
+              isNoResultsOption={false}
               isPlaceholder={false}
               isSelected={false}
               keyHandler={[Function]}
@@ -826,6 +833,7 @@ exports[`checkbox select renders checkbox select groups successfully 1`] = `
               isChecked={false}
               isDisabled={false}
               isFocused={false}
+              isNoResultsOption={false}
               isPlaceholder={false}
               isSelected={false}
               keyHandler={[Function]}
@@ -840,6 +848,7 @@ exports[`checkbox select renders checkbox select groups successfully 1`] = `
               isChecked={false}
               isDisabled={false}
               isFocused={false}
+              isNoResultsOption={false}
               isPlaceholder={false}
               isSelected={false}
               keyHandler={[Function]}
@@ -854,6 +863,7 @@ exports[`checkbox select renders checkbox select groups successfully 1`] = `
               isChecked={false}
               isDisabled={false}
               isFocused={false}
+              isNoResultsOption={false}
               isPlaceholder={false}
               isSelected={false}
               keyHandler={[Function]}
@@ -868,6 +878,7 @@ exports[`checkbox select renders checkbox select groups successfully 1`] = `
               isChecked={false}
               isDisabled={false}
               isFocused={false}
+              isNoResultsOption={false}
               isPlaceholder={false}
               isSelected={false}
               keyHandler={[Function]}
@@ -897,6 +908,7 @@ exports[`checkbox select renders checkbox select groups successfully 1`] = `
       createText="Create"
       customContent={null}
       direction="down"
+      hasInlineFilter={false}
       isCreatable={false}
       isDisabled={false}
       isExpanded={true}
@@ -931,10 +943,11 @@ exports[`checkbox select renders checkbox select groups successfully 1`] = `
       >
         <SelectToggle
           ariaLabelToggle="Options menu"
-          ariaLabelledBy=" pf-toggle-id-13"
+          ariaLabelledBy=" pf-toggle-id-14"
           className=""
           handleTypeaheadKeys={[Function]}
-          id="pf-toggle-id-13"
+          hasClearButton={false}
+          id="pf-toggle-id-14"
           isActive={false}
           isDisabled={false}
           isExpanded={true}
@@ -951,9 +964,9 @@ exports[`checkbox select renders checkbox select groups successfully 1`] = `
               >
                 <button
                   aria-expanded="true"
-                  aria-labelledby=" pf-toggle-id-13"
+                  aria-labelledby=" pf-toggle-id-14"
                   class="pf-c-select__toggle"
-                  id="pf-toggle-id-13"
+                  id="pf-toggle-id-14"
                   type="button"
                 >
                   <div
@@ -1144,10 +1157,10 @@ exports[`checkbox select renders checkbox select groups successfully 1`] = `
           <button
             aria-expanded={true}
             aria-haspopup={null}
-            aria-labelledby=" pf-toggle-id-13"
+            aria-labelledby=" pf-toggle-id-14"
             className="pf-c-select__toggle"
             disabled={false}
-            id="pf-toggle-id-13"
+            id="pf-toggle-id-14"
             onClick={[Function]}
             onKeyDown={[Function]}
             type="button"
@@ -1194,6 +1207,7 @@ exports[`checkbox select renders checkbox select groups successfully 1`] = `
           aria-labelledby=""
           checked={Array []}
           className=""
+          hasInlineFilter={false}
           isCustomContent={false}
           isExpanded={false}
           isGrouped={true}
@@ -1249,6 +1263,7 @@ exports[`checkbox select renders checkbox select groups successfully 1`] = `
                           isChecked={false}
                           isDisabled={false}
                           isFocused={false}
+                          isNoResultsOption={false}
                           isPlaceholder={false}
                           isSelected={false}
                           key="00"
@@ -1283,6 +1298,7 @@ exports[`checkbox select renders checkbox select groups successfully 1`] = `
                           isChecked={false}
                           isDisabled={false}
                           isFocused={false}
+                          isNoResultsOption={false}
                           isPlaceholder={false}
                           isSelected={false}
                           key="01"
@@ -1317,6 +1333,7 @@ exports[`checkbox select renders checkbox select groups successfully 1`] = `
                           isChecked={false}
                           isDisabled={false}
                           isFocused={false}
+                          isNoResultsOption={false}
                           isPlaceholder={false}
                           isSelected={false}
                           key="02"
@@ -1351,6 +1368,7 @@ exports[`checkbox select renders checkbox select groups successfully 1`] = `
                           isChecked={false}
                           isDisabled={false}
                           isFocused={false}
+                          isNoResultsOption={false}
                           isPlaceholder={false}
                           isSelected={false}
                           key="03"
@@ -1407,6 +1425,7 @@ exports[`checkbox select renders checkbox select groups successfully 1`] = `
                           isChecked={false}
                           isDisabled={false}
                           isFocused={false}
+                          isNoResultsOption={false}
                           isPlaceholder={false}
                           isSelected={false}
                           key="00"
@@ -1441,6 +1460,7 @@ exports[`checkbox select renders checkbox select groups successfully 1`] = `
                           isChecked={false}
                           isDisabled={false}
                           isFocused={false}
+                          isNoResultsOption={false}
                           isPlaceholder={false}
                           isSelected={false}
                           key="01"
@@ -1475,6 +1495,7 @@ exports[`checkbox select renders checkbox select groups successfully 1`] = `
                           isChecked={false}
                           isDisabled={false}
                           isFocused={false}
+                          isNoResultsOption={false}
                           isPlaceholder={false}
                           isSelected={false}
                           key="02"
@@ -1509,6 +1530,7 @@ exports[`checkbox select renders checkbox select groups successfully 1`] = `
                           isChecked={false}
                           isDisabled={false}
                           isFocused={false}
+                          isNoResultsOption={false}
                           isPlaceholder={false}
                           isSelected={false}
                           key="03"
@@ -1620,6 +1642,7 @@ exports[`checkbox select renders closed successfully - old classes 1`] = `
       createText="Create"
       customContent={null}
       direction="down"
+      hasInlineFilter={false}
       isCreatable={false}
       isDisabled={false}
       isExpanded={false}
@@ -1657,6 +1680,7 @@ exports[`checkbox select renders closed successfully - old classes 1`] = `
           ariaLabelledBy=" pf-toggle-id-9"
           className=""
           handleTypeaheadKeys={[Function]}
+          hasClearButton={false}
           id="pf-toggle-id-9"
           isActive={false}
           isDisabled={false}
@@ -1781,6 +1805,7 @@ exports[`checkbox select renders closed successfully 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -1795,6 +1820,7 @@ exports[`checkbox select renders closed successfully 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -1809,6 +1835,7 @@ exports[`checkbox select renders closed successfully 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -1823,6 +1850,7 @@ exports[`checkbox select renders closed successfully 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -1849,6 +1877,7 @@ exports[`checkbox select renders closed successfully 1`] = `
       createText="Create"
       customContent={null}
       direction="down"
+      hasInlineFilter={false}
       isCreatable={false}
       isDisabled={false}
       isExpanded={false}
@@ -1886,6 +1915,7 @@ exports[`checkbox select renders closed successfully 1`] = `
           ariaLabelledBy=" pf-toggle-id-8"
           className=""
           handleTypeaheadKeys={[Function]}
+          hasClearButton={false}
           id="pf-toggle-id-8"
           isActive={false}
           isDisabled={false}
@@ -2064,6 +2094,7 @@ exports[`checkbox select renders expanded successfully - old classes 1`] = `
       createText="Create"
       customContent={null}
       direction="down"
+      hasInlineFilter={false}
       isCreatable={false}
       isDisabled={false}
       isExpanded={true}
@@ -2101,6 +2132,7 @@ exports[`checkbox select renders expanded successfully - old classes 1`] = `
           ariaLabelledBy=" pf-toggle-id-11"
           className=""
           handleTypeaheadKeys={[Function]}
+          hasClearButton={false}
           id="pf-toggle-id-11"
           isActive={false}
           isDisabled={false}
@@ -2273,6 +2305,7 @@ exports[`checkbox select renders expanded successfully - old classes 1`] = `
           aria-labelledby=""
           checked={Array []}
           className=""
+          hasInlineFilter={false}
           isCustomContent={false}
           isExpanded={false}
           isGrouped={false}
@@ -2452,6 +2485,7 @@ exports[`checkbox select renders expanded successfully 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -2466,6 +2500,7 @@ exports[`checkbox select renders expanded successfully 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -2480,6 +2515,7 @@ exports[`checkbox select renders expanded successfully 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -2494,6 +2530,7 @@ exports[`checkbox select renders expanded successfully 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -2521,6 +2558,7 @@ exports[`checkbox select renders expanded successfully 1`] = `
       createText="Create"
       customContent={null}
       direction="down"
+      hasInlineFilter={false}
       isCreatable={false}
       isDisabled={false}
       isExpanded={true}
@@ -2558,6 +2596,7 @@ exports[`checkbox select renders expanded successfully 1`] = `
           ariaLabelledBy=" pf-toggle-id-10"
           className=""
           handleTypeaheadKeys={[Function]}
+          hasClearButton={false}
           id="pf-toggle-id-10"
           isActive={false}
           isDisabled={false}
@@ -2730,6 +2769,7 @@ exports[`checkbox select renders expanded successfully 1`] = `
           aria-labelledby=""
           checked={Array []}
           className=""
+          hasInlineFilter={false}
           isCustomContent={false}
           isExpanded={false}
           isGrouped={false}
@@ -2766,6 +2806,7 @@ exports[`checkbox select renders expanded successfully 1`] = `
                     isChecked={false}
                     isDisabled={false}
                     isFocused={false}
+                    isNoResultsOption={false}
                     isPlaceholder={false}
                     isSelected={false}
                     key=".$00"
@@ -2800,6 +2841,7 @@ exports[`checkbox select renders expanded successfully 1`] = `
                     isChecked={false}
                     isDisabled={false}
                     isFocused={false}
+                    isNoResultsOption={false}
                     isPlaceholder={false}
                     isSelected={false}
                     key=".$01"
@@ -2834,6 +2876,7 @@ exports[`checkbox select renders expanded successfully 1`] = `
                     isChecked={false}
                     isDisabled={false}
                     isFocused={false}
+                    isNoResultsOption={false}
                     isPlaceholder={false}
                     isSelected={false}
                     key=".$02"
@@ -2868,6 +2911,7 @@ exports[`checkbox select renders expanded successfully 1`] = `
                     isChecked={false}
                     isDisabled={false}
                     isFocused={false}
+                    isNoResultsOption={false}
                     isPlaceholder={false}
                     isSelected={false}
                     key=".$03"
@@ -2925,6 +2969,7 @@ exports[`checkbox select renders expanded successfully with custom objects 1`] =
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -2947,6 +2992,7 @@ exports[`checkbox select renders expanded successfully with custom objects 1`] =
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -2969,6 +3015,7 @@ exports[`checkbox select renders expanded successfully with custom objects 1`] =
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -3004,6 +3051,7 @@ exports[`checkbox select renders expanded successfully with custom objects 1`] =
       createText="Create"
       customContent={null}
       direction="down"
+      hasInlineFilter={false}
       isCreatable={false}
       isDisabled={false}
       isExpanded={true}
@@ -3038,10 +3086,11 @@ exports[`checkbox select renders expanded successfully with custom objects 1`] =
       >
         <SelectToggle
           ariaLabelToggle="Options menu"
-          ariaLabelledBy=" pf-toggle-id-12"
+          ariaLabelledBy=" pf-toggle-id-13"
           className=""
           handleTypeaheadKeys={[Function]}
-          id="pf-toggle-id-12"
+          hasClearButton={false}
+          id="pf-toggle-id-13"
           isActive={false}
           isDisabled={false}
           isExpanded={true}
@@ -3058,9 +3107,9 @@ exports[`checkbox select renders expanded successfully with custom objects 1`] =
               >
                 <button
                   aria-expanded="true"
-                  aria-labelledby=" pf-toggle-id-12"
+                  aria-labelledby=" pf-toggle-id-13"
                   class="pf-c-select__toggle"
-                  id="pf-toggle-id-12"
+                  id="pf-toggle-id-13"
                   type="button"
                 >
                   <div
@@ -3134,7 +3183,502 @@ exports[`checkbox select renders expanded successfully with custom objects 1`] =
                         <span
                           class="pf-c-check__label"
                         >
-                          Ms: Test Three
+                          Ms: Test Three
+                        </span>
+                      </label>
+                    </fieldset>
+                  </div>
+                </div>
+              </div>,
+            }
+          }
+          type="button"
+          variant="checkbox"
+        >
+          <button
+            aria-expanded={true}
+            aria-haspopup={null}
+            aria-labelledby=" pf-toggle-id-13"
+            className="pf-c-select__toggle"
+            disabled={false}
+            id="pf-toggle-id-13"
+            onClick={[Function]}
+            onKeyDown={[Function]}
+            type="button"
+          >
+            <div
+              className="pf-c-select__toggle-wrapper"
+            >
+              <span
+                className="pf-c-select__toggle-text"
+              />
+            </div>
+            <CaretDownIcon
+              className="pf-c-select__toggle-arrow"
+              color="currentColor"
+              noVerticalAlign={false}
+              size="sm"
+              title={null}
+            >
+              <svg
+                aria-hidden={true}
+                aria-labelledby={null}
+                className="pf-c-select__toggle-arrow"
+                fill="currentColor"
+                height="1em"
+                role="img"
+                style={
+                  Object {
+                    "verticalAlign": "-0.125em",
+                  }
+                }
+                viewBox="0 0 320 512"
+                width="1em"
+              >
+                <path
+                  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                  transform=""
+                />
+              </svg>
+            </CaretDownIcon>
+          </button>
+        </SelectToggle>
+        <SelectMenu
+          aria-label=""
+          aria-labelledby=""
+          checked={Array []}
+          className=""
+          hasInlineFilter={false}
+          isCustomContent={false}
+          isExpanded={false}
+          isGrouped={false}
+          keyHandler={[Function]}
+          maxHeight=""
+          openedOnEnter={false}
+          selected=""
+          sendRef={[Function]}
+        >
+          <FocusTrap
+            _createFocusTrap={[Function]}
+            active={true}
+            focusTrapOptions={
+              Object {
+                "clickOutsideDeactivates": true,
+              }
+            }
+            paused={false}
+            tag="div"
+          >
+            <div>
+              <div
+                className="pf-c-select__menu"
+              >
+                <fieldset
+                  aria-label=""
+                  aria-labelledby={null}
+                  className="pf-c-form__fieldset"
+                >
+                  <SelectOption
+                    className=""
+                    component="button"
+                    index={0}
+                    isChecked={false}
+                    isDisabled={false}
+                    isFocused={false}
+                    isNoResultsOption={false}
+                    isPlaceholder={false}
+                    isSelected={false}
+                    key=".$0"
+                    keyHandler={[Function]}
+                    onClick={[Function]}
+                    sendRef={[Function]}
+                    value={
+                      User {
+                        "compareTo": [Function],
+                        "firstName": "User",
+                        "lastName": "One",
+                        "title": "Mr",
+                        "toString": [Function],
+                      }
+                    }
+                  >
+                    <label
+                      className="pf-c-check pf-c-select__menu-item"
+                      onKeyDown={[Function]}
+                    >
+                      <input
+                        checked={false}
+                        className="pf-c-check__input"
+                        disabled={false}
+                        id="Mr: User One"
+                        onChange={[Function]}
+                        type="checkbox"
+                      />
+                      <span
+                        className="pf-c-check__label"
+                      >
+                        Mr: User One
+                      </span>
+                    </label>
+                  </SelectOption>
+                  <SelectOption
+                    className=""
+                    component="button"
+                    index={1}
+                    isChecked={false}
+                    isDisabled={false}
+                    isFocused={false}
+                    isNoResultsOption={false}
+                    isPlaceholder={false}
+                    isSelected={false}
+                    key=".$1"
+                    keyHandler={[Function]}
+                    onClick={[Function]}
+                    sendRef={[Function]}
+                    value={
+                      User {
+                        "compareTo": [Function],
+                        "firstName": "New",
+                        "lastName": "User",
+                        "title": "Mrs",
+                        "toString": [Function],
+                      }
+                    }
+                  >
+                    <label
+                      className="pf-c-check pf-c-select__menu-item"
+                      onKeyDown={[Function]}
+                    >
+                      <input
+                        checked={false}
+                        className="pf-c-check__input"
+                        disabled={false}
+                        id="Mrs: New User"
+                        onChange={[Function]}
+                        type="checkbox"
+                      />
+                      <span
+                        className="pf-c-check__label"
+                      >
+                        Mrs: New User
+                      </span>
+                    </label>
+                  </SelectOption>
+                  <SelectOption
+                    className=""
+                    component="button"
+                    index={2}
+                    isChecked={false}
+                    isDisabled={false}
+                    isFocused={false}
+                    isNoResultsOption={false}
+                    isPlaceholder={false}
+                    isSelected={false}
+                    key=".$2"
+                    keyHandler={[Function]}
+                    onClick={[Function]}
+                    sendRef={[Function]}
+                    value={
+                      User {
+                        "compareTo": [Function],
+                        "firstName": "Test",
+                        "lastName": "Three",
+                        "title": "Ms",
+                        "toString": [Function],
+                      }
+                    }
+                  >
+                    <label
+                      className="pf-c-check pf-c-select__menu-item"
+                      onKeyDown={[Function]}
+                    >
+                      <input
+                        checked={false}
+                        className="pf-c-check__input"
+                        disabled={false}
+                        id="Ms: Test Three"
+                        onChange={[Function]}
+                        type="checkbox"
+                      />
+                      <span
+                        className="pf-c-check__label"
+                      >
+                        Ms: Test Three
+                      </span>
+                    </label>
+                  </SelectOption>
+                </fieldset>
+              </div>
+            </div>
+          </FocusTrap>
+        </SelectMenu>
+      </div>
+    </Select>
+  </ComponentWithOuia>
+</Component>
+`;
+
+exports[`checkbox select renders expanded with filtering successfully 1`] = `
+<Component
+  hasInlineFilter={true}
+  isExpanded={true}
+  onClear={[MockFunction]}
+  onSelect={[MockFunction]}
+  onToggle={[MockFunction]}
+  variant="checkbox"
+>
+  <ComponentWithOuia
+    component={[Function]}
+    componentProps={
+      Object {
+        "children": Array [
+          <SelectOption
+            className=""
+            component="button"
+            index={0}
+            isChecked={false}
+            isDisabled={false}
+            isFocused={false}
+            isNoResultsOption={false}
+            isPlaceholder={false}
+            isSelected={false}
+            keyHandler={[Function]}
+            onClick={[Function]}
+            sendRef={[Function]}
+            value="Mr"
+          />,
+          <SelectOption
+            className=""
+            component="button"
+            index={0}
+            isChecked={false}
+            isDisabled={false}
+            isFocused={false}
+            isNoResultsOption={false}
+            isPlaceholder={false}
+            isSelected={false}
+            keyHandler={[Function]}
+            onClick={[Function]}
+            sendRef={[Function]}
+            value="Mrs"
+          />,
+          <SelectOption
+            className=""
+            component="button"
+            index={0}
+            isChecked={false}
+            isDisabled={false}
+            isFocused={false}
+            isNoResultsOption={false}
+            isPlaceholder={false}
+            isSelected={false}
+            keyHandler={[Function]}
+            onClick={[Function]}
+            sendRef={[Function]}
+            value="Ms"
+          />,
+          <SelectOption
+            className=""
+            component="button"
+            index={0}
+            isChecked={false}
+            isDisabled={false}
+            isFocused={false}
+            isNoResultsOption={false}
+            isPlaceholder={false}
+            isSelected={false}
+            keyHandler={[Function]}
+            onClick={[Function]}
+            sendRef={[Function]}
+            value="Other"
+          />,
+        ],
+        "hasInlineFilter": true,
+        "isExpanded": true,
+        "onClear": [MockFunction],
+        "onSelect": [MockFunction],
+        "onToggle": [MockFunction],
+        "variant": "checkbox",
+      }
+    }
+    consumerContext={null}
+  >
+    <Select
+      aria-label=""
+      ariaLabelClear="Clear all"
+      ariaLabelRemove="Remove"
+      ariaLabelToggle="Options menu"
+      ariaLabelTypeAhead=""
+      ariaLabelledBy=""
+      className=""
+      createText="Create"
+      customContent={null}
+      direction="down"
+      hasInlineFilter={true}
+      isCreatable={false}
+      isDisabled={false}
+      isExpanded={true}
+      isGrouped={false}
+      isPlain={false}
+      noResultsFoundText="No results found"
+      onClear={[MockFunction]}
+      onCreateOption={[Function]}
+      onFilter={null}
+      onSelect={[MockFunction]}
+      onToggle={[MockFunction]}
+      ouiaContext={
+        Object {
+          "isOuia": false,
+          "ouiaId": null,
+        }
+      }
+      placeholderText=""
+      selections=""
+      toggleIcon={null}
+      toggleId={null}
+      variant="checkbox"
+      width=""
+    >
+      <div
+        className="pf-c-select pf-m-expanded"
+        style={
+          Object {
+            "width": "",
+          }
+        }
+      >
+        <SelectToggle
+          ariaLabelToggle="Options menu"
+          ariaLabelledBy=" pf-toggle-id-12"
+          className=""
+          handleTypeaheadKeys={[Function]}
+          hasClearButton={true}
+          id="pf-toggle-id-12"
+          isActive={false}
+          isDisabled={false}
+          isExpanded={true}
+          isFocused={false}
+          isHovered={false}
+          isPlain={false}
+          onClose={[Function]}
+          onEnter={[Function]}
+          onToggle={[MockFunction]}
+          parentRef={
+            Object {
+              "current": <div
+                class="pf-c-select pf-m-expanded"
+              >
+                <div
+                  class="pf-c-select__toggle pf-m-typeahead"
+                >
+                  <div
+                    class="pf-c-select__toggle-wrapper"
+                  >
+                    <span
+                      class="pf-c-select__toggle-text"
+                    />
+                    
+                  </div>
+                  
+                  <button
+                    aria-expanded="true"
+                    aria-label="Options menu"
+                    aria-labelledby=" pf-toggle-id-12"
+                    class="pf-c-button pf-c-select__toggle-button pf-m-plain"
+                    id="pf-toggle-id-12"
+                    type="button"
+                  >
+                    <svg
+                      aria-hidden="true"
+                      class="pf-c-select__toggle-arrow"
+                      fill="currentColor"
+                      height="1em"
+                      role="img"
+                      style="vertical-align: -0.125em;"
+                      viewBox="0 0 320 512"
+                      width="1em"
+                    >
+                      <path
+                        d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                        transform=""
+                      />
+                    </svg>
+                  </button>
+                </div>
+                <div>
+                  <div
+                    class="pf-c-select__menu"
+                  >
+                    <fieldset
+                      aria-label=""
+                      class="pf-c-form__fieldset"
+                    >
+                      <div
+                        class="pf-c-select__menu-input"
+                      >
+                        <input
+                          autocomplete="off"
+                          class="pf-c-form-control pf-m-search"
+                          type="search"
+                        />
+                      </div>
+                      <hr
+                        class="pf-c-divider"
+                      />
+                      <label
+                        class="pf-c-check pf-c-select__menu-item"
+                      >
+                        <input
+                          class="pf-c-check__input"
+                          id="Mr"
+                          type="checkbox"
+                        />
+                        <span
+                          class="pf-c-check__label"
+                        >
+                          Mr
+                        </span>
+                      </label>
+                      <label
+                        class="pf-c-check pf-c-select__menu-item"
+                      >
+                        <input
+                          class="pf-c-check__input"
+                          id="Mrs"
+                          type="checkbox"
+                        />
+                        <span
+                          class="pf-c-check__label"
+                        >
+                          Mrs
+                        </span>
+                      </label>
+                      <label
+                        class="pf-c-check pf-c-select__menu-item"
+                      >
+                        <input
+                          class="pf-c-check__input"
+                          id="Ms"
+                          type="checkbox"
+                        />
+                        <span
+                          class="pf-c-check__label"
+                        >
+                          Ms
+                        </span>
+                      </label>
+                      <label
+                        class="pf-c-check pf-c-select__menu-item"
+                      >
+                        <input
+                          class="pf-c-check__input"
+                          id="Other"
+                          type="checkbox"
+                        />
+                        <span
+                          class="pf-c-check__label"
+                        >
+                          Other
                         </span>
                       </label>
                     </fieldset>
@@ -3146,16 +3690,10 @@ exports[`checkbox select renders expanded successfully with custom objects 1`] =
           type="button"
           variant="checkbox"
         >
-          <button
-            aria-expanded={true}
-            aria-haspopup={null}
-            aria-labelledby=" pf-toggle-id-12"
-            className="pf-c-select__toggle"
-            disabled={false}
-            id="pf-toggle-id-12"
+          <div
+            className="pf-c-select__toggle pf-m-typeahead"
             onClick={[Function]}
             onKeyDown={[Function]}
-            type="button"
           >
             <div
               className="pf-c-select__toggle-wrapper"
@@ -3164,41 +3702,54 @@ exports[`checkbox select renders expanded successfully with custom objects 1`] =
                 className="pf-c-select__toggle-text"
               />
             </div>
-            <CaretDownIcon
-              className="pf-c-select__toggle-arrow"
-              color="currentColor"
-              noVerticalAlign={false}
-              size="sm"
-              title={null}
+            <button
+              aria-expanded={true}
+              aria-haspopup={null}
+              aria-label="Options menu"
+              aria-labelledby=" pf-toggle-id-12"
+              className="pf-c-button pf-c-select__toggle-button pf-m-plain"
+              disabled={false}
+              id="pf-toggle-id-12"
+              onClick={[Function]}
+              type="button"
             >
-              <svg
-                aria-hidden={true}
-                aria-labelledby={null}
+              <CaretDownIcon
                 className="pf-c-select__toggle-arrow"
-                fill="currentColor"
-                height="1em"
-                role="img"
-                style={
-                  Object {
-                    "verticalAlign": "-0.125em",
-                  }
-                }
-                viewBox="0 0 320 512"
-                width="1em"
+                color="currentColor"
+                noVerticalAlign={false}
+                size="sm"
+                title={null}
               >
-                <path
-                  d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
-                  transform=""
-                />
-              </svg>
-            </CaretDownIcon>
-          </button>
+                <svg
+                  aria-hidden={true}
+                  aria-labelledby={null}
+                  className="pf-c-select__toggle-arrow"
+                  fill="currentColor"
+                  height="1em"
+                  role="img"
+                  style={
+                    Object {
+                      "verticalAlign": "-0.125em",
+                    }
+                  }
+                  viewBox="0 0 320 512"
+                  width="1em"
+                >
+                  <path
+                    d="M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z"
+                    transform=""
+                  />
+                </svg>
+              </CaretDownIcon>
+            </button>
+          </div>
         </SelectToggle>
         <SelectMenu
           aria-label=""
           aria-labelledby=""
           checked={Array []}
           className=""
+          hasInlineFilter={true}
           isCustomContent={false}
           isExpanded={false}
           isGrouped={false}
@@ -3228,28 +3779,41 @@ exports[`checkbox select renders expanded successfully with custom objects 1`] =
                   aria-labelledby={null}
                   className="pf-c-form__fieldset"
                 >
+                  <div
+                    className="pf-c-select__menu-input"
+                    key="inline-filter"
+                  >
+                    <input
+                      autoComplete="off"
+                      className="pf-c-form-control pf-m-search"
+                      key="inline-filter-input"
+                      onChange={[Function]}
+                      onKeyDown={[Function]}
+                      type="search"
+                    />
+                  </div>
+                  <Divider
+                    key="inline-filter-divider"
+                  >
+                    <hr
+                      className="pf-c-divider"
+                    />
+                  </Divider>
                   <SelectOption
                     className=""
                     component="button"
-                    index={0}
+                    index={1}
                     isChecked={false}
                     isDisabled={false}
                     isFocused={false}
+                    isNoResultsOption={false}
                     isPlaceholder={false}
                     isSelected={false}
-                    key=".$0"
+                    key=".$1"
                     keyHandler={[Function]}
                     onClick={[Function]}
                     sendRef={[Function]}
-                    value={
-                      User {
-                        "compareTo": [Function],
-                        "firstName": "User",
-                        "lastName": "One",
-                        "title": "Mr",
-                        "toString": [Function],
-                      }
-                    }
+                    value="Mr"
                   >
                     <label
                       className="pf-c-check pf-c-select__menu-item"
@@ -3259,39 +3823,32 @@ exports[`checkbox select renders expanded successfully with custom objects 1`] =
                         checked={false}
                         className="pf-c-check__input"
                         disabled={false}
-                        id="Mr: User One"
+                        id="Mr"
                         onChange={[Function]}
                         type="checkbox"
                       />
                       <span
                         className="pf-c-check__label"
                       >
-                        Mr: User One
+                        Mr
                       </span>
                     </label>
                   </SelectOption>
                   <SelectOption
                     className=""
                     component="button"
-                    index={1}
+                    index={2}
                     isChecked={false}
                     isDisabled={false}
                     isFocused={false}
+                    isNoResultsOption={false}
                     isPlaceholder={false}
                     isSelected={false}
-                    key=".$1"
+                    key=".$2"
                     keyHandler={[Function]}
                     onClick={[Function]}
                     sendRef={[Function]}
-                    value={
-                      User {
-                        "compareTo": [Function],
-                        "firstName": "New",
-                        "lastName": "User",
-                        "title": "Mrs",
-                        "toString": [Function],
-                      }
-                    }
+                    value="Mrs"
                   >
                     <label
                       className="pf-c-check pf-c-select__menu-item"
@@ -3301,39 +3858,32 @@ exports[`checkbox select renders expanded successfully with custom objects 1`] =
                         checked={false}
                         className="pf-c-check__input"
                         disabled={false}
-                        id="Mrs: New User"
+                        id="Mrs"
                         onChange={[Function]}
                         type="checkbox"
                       />
                       <span
                         className="pf-c-check__label"
                       >
-                        Mrs: New User
+                        Mrs
                       </span>
                     </label>
                   </SelectOption>
                   <SelectOption
                     className=""
                     component="button"
-                    index={2}
+                    index={3}
                     isChecked={false}
                     isDisabled={false}
                     isFocused={false}
+                    isNoResultsOption={false}
                     isPlaceholder={false}
                     isSelected={false}
-                    key=".$2"
+                    key=".$3"
                     keyHandler={[Function]}
                     onClick={[Function]}
                     sendRef={[Function]}
-                    value={
-                      User {
-                        "compareTo": [Function],
-                        "firstName": "Test",
-                        "lastName": "Three",
-                        "title": "Ms",
-                        "toString": [Function],
-                      }
-                    }
+                    value="Ms"
                   >
                     <label
                       className="pf-c-check pf-c-select__menu-item"
@@ -3343,14 +3893,49 @@ exports[`checkbox select renders expanded successfully with custom objects 1`] =
                         checked={false}
                         className="pf-c-check__input"
                         disabled={false}
-                        id="Ms: Test Three"
+                        id="Ms"
                         onChange={[Function]}
                         type="checkbox"
                       />
                       <span
                         className="pf-c-check__label"
                       >
-                        Ms: Test Three
+                        Ms
+                      </span>
+                    </label>
+                  </SelectOption>
+                  <SelectOption
+                    className=""
+                    component="button"
+                    index={4}
+                    isChecked={false}
+                    isDisabled={false}
+                    isFocused={false}
+                    isNoResultsOption={false}
+                    isPlaceholder={false}
+                    isSelected={false}
+                    key=".$4"
+                    keyHandler={[Function]}
+                    onClick={[Function]}
+                    sendRef={[Function]}
+                    value="Other"
+                  >
+                    <label
+                      className="pf-c-check pf-c-select__menu-item"
+                      onKeyDown={[Function]}
+                    >
+                      <input
+                        checked={false}
+                        className="pf-c-check__input"
+                        disabled={false}
+                        id="Other"
+                        onChange={[Function]}
+                        type="checkbox"
+                      />
+                      <span
+                        className="pf-c-check__label"
+                      >
+                        Other
                       </span>
                     </label>
                   </SelectOption>
@@ -3385,6 +3970,7 @@ exports[`select custom select filter filters properly 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -3399,6 +3985,7 @@ exports[`select custom select filter filters properly 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -3413,6 +4000,7 @@ exports[`select custom select filter filters properly 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -3427,6 +4015,7 @@ exports[`select custom select filter filters properly 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -3455,6 +4044,7 @@ exports[`select custom select filter filters properly 1`] = `
       createText="Create"
       customContent={null}
       direction="down"
+      hasInlineFilter={false}
       isCreatable={false}
       isDisabled={false}
       isExpanded={true}
@@ -3492,6 +4082,7 @@ exports[`select custom select filter filters properly 1`] = `
           ariaLabelledBy=" pf-toggle-id-6"
           className=""
           handleTypeaheadKeys={[Function]}
+          hasClearButton={false}
           id="pf-toggle-id-6"
           isActive={false}
           isDisabled={false}
@@ -3720,6 +4311,7 @@ exports[`select custom select filter filters properly 1`] = `
           aria-label=""
           aria-labelledby=""
           className=""
+          hasInlineFilter={false}
           isCustomContent={false}
           isExpanded={false}
           isGrouped={false}
@@ -3741,6 +4333,7 @@ exports[`select custom select filter filters properly 1`] = `
               isChecked={false}
               isDisabled={false}
               isFocused={null}
+              isNoResultsOption={false}
               isPlaceholder={false}
               isSelected={false}
               key=".$00"
@@ -3773,6 +4366,7 @@ exports[`select custom select filter filters properly 1`] = `
               isChecked={false}
               isDisabled={false}
               isFocused={null}
+              isNoResultsOption={false}
               isPlaceholder={false}
               isSelected={false}
               key=".$01"
@@ -3805,6 +4399,7 @@ exports[`select custom select filter filters properly 1`] = `
               isChecked={false}
               isDisabled={false}
               isFocused={null}
+              isNoResultsOption={false}
               isPlaceholder={false}
               isSelected={false}
               key=".$03"
@@ -3860,6 +4455,7 @@ exports[`select renders select groups successfully 1`] = `
               isChecked={false}
               isDisabled={false}
               isFocused={false}
+              isNoResultsOption={false}
               isPlaceholder={false}
               isSelected={false}
               keyHandler={[Function]}
@@ -3874,6 +4470,7 @@ exports[`select renders select groups successfully 1`] = `
               isChecked={false}
               isDisabled={false}
               isFocused={false}
+              isNoResultsOption={false}
               isPlaceholder={false}
               isSelected={false}
               keyHandler={[Function]}
@@ -3888,6 +4485,7 @@ exports[`select renders select groups successfully 1`] = `
               isChecked={false}
               isDisabled={false}
               isFocused={false}
+              isNoResultsOption={false}
               isPlaceholder={false}
               isSelected={false}
               keyHandler={[Function]}
@@ -3902,6 +4500,7 @@ exports[`select renders select groups successfully 1`] = `
               isChecked={false}
               isDisabled={false}
               isFocused={false}
+              isNoResultsOption={false}
               isPlaceholder={false}
               isSelected={false}
               keyHandler={[Function]}
@@ -3920,6 +4519,7 @@ exports[`select renders select groups successfully 1`] = `
               isChecked={false}
               isDisabled={false}
               isFocused={false}
+              isNoResultsOption={false}
               isPlaceholder={false}
               isSelected={false}
               keyHandler={[Function]}
@@ -3934,6 +4534,7 @@ exports[`select renders select groups successfully 1`] = `
               isChecked={false}
               isDisabled={false}
               isFocused={false}
+              isNoResultsOption={false}
               isPlaceholder={false}
               isSelected={false}
               keyHandler={[Function]}
@@ -3948,6 +4549,7 @@ exports[`select renders select groups successfully 1`] = `
               isChecked={false}
               isDisabled={false}
               isFocused={false}
+              isNoResultsOption={false}
               isPlaceholder={false}
               isSelected={false}
               keyHandler={[Function]}
@@ -3962,6 +4564,7 @@ exports[`select renders select groups successfully 1`] = `
               isChecked={false}
               isDisabled={false}
               isFocused={false}
+              isNoResultsOption={false}
               isPlaceholder={false}
               isSelected={false}
               keyHandler={[Function]}
@@ -3991,6 +4594,7 @@ exports[`select renders select groups successfully 1`] = `
       createText="Create"
       customContent={null}
       direction="down"
+      hasInlineFilter={false}
       isCreatable={false}
       isDisabled={false}
       isExpanded={true}
@@ -4028,6 +4632,7 @@ exports[`select renders select groups successfully 1`] = `
           ariaLabelledBy=" pf-toggle-id-7"
           className=""
           handleTypeaheadKeys={[Function]}
+          hasClearButton={false}
           id="pf-toggle-id-7"
           isActive={false}
           isDisabled={false}
@@ -4251,6 +4856,7 @@ exports[`select renders select groups successfully 1`] = `
           aria-label=""
           aria-labelledby=""
           className=""
+          hasInlineFilter={false}
           isCustomContent={false}
           isExpanded={false}
           isGrouped={false}
@@ -4295,6 +4901,7 @@ exports[`select renders select groups successfully 1`] = `
                   isChecked={false}
                   isDisabled={false}
                   isFocused={false}
+                  isNoResultsOption={false}
                   isPlaceholder={false}
                   isSelected={false}
                   key="00"
@@ -4325,6 +4932,7 @@ exports[`select renders select groups successfully 1`] = `
                   isChecked={false}
                   isDisabled={false}
                   isFocused={false}
+                  isNoResultsOption={false}
                   isPlaceholder={false}
                   isSelected={false}
                   key="01"
@@ -4355,6 +4963,7 @@ exports[`select renders select groups successfully 1`] = `
                   isChecked={false}
                   isDisabled={false}
                   isFocused={false}
+                  isNoResultsOption={false}
                   isPlaceholder={false}
                   isSelected={false}
                   key="02"
@@ -4385,6 +4994,7 @@ exports[`select renders select groups successfully 1`] = `
                   isChecked={false}
                   isDisabled={false}
                   isFocused={false}
+                  isNoResultsOption={false}
                   isPlaceholder={false}
                   isSelected={false}
                   key="03"
@@ -4441,6 +5051,7 @@ exports[`select renders select groups successfully 1`] = `
                   isChecked={false}
                   isDisabled={false}
                   isFocused={false}
+                  isNoResultsOption={false}
                   isPlaceholder={false}
                   isSelected={false}
                   key="00"
@@ -4471,6 +5082,7 @@ exports[`select renders select groups successfully 1`] = `
                   isChecked={false}
                   isDisabled={false}
                   isFocused={false}
+                  isNoResultsOption={false}
                   isPlaceholder={false}
                   isSelected={false}
                   key="01"
@@ -4501,6 +5113,7 @@ exports[`select renders select groups successfully 1`] = `
                   isChecked={false}
                   isDisabled={false}
                   isFocused={false}
+                  isNoResultsOption={false}
                   isPlaceholder={false}
                   isSelected={false}
                   key="02"
@@ -4531,6 +5144,7 @@ exports[`select renders select groups successfully 1`] = `
                   isChecked={false}
                   isDisabled={false}
                   isFocused={false}
+                  isNoResultsOption={false}
                   isPlaceholder={false}
                   isSelected={false}
                   key="03"
@@ -4583,6 +5197,7 @@ exports[`select renders up drection successfully 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -4597,6 +5212,7 @@ exports[`select renders up drection successfully 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -4611,6 +5227,7 @@ exports[`select renders up drection successfully 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -4625,6 +5242,7 @@ exports[`select renders up drection successfully 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -4652,6 +5270,7 @@ exports[`select renders up drection successfully 1`] = `
       createText="Create"
       customContent={null}
       direction="up"
+      hasInlineFilter={false}
       isCreatable={false}
       isDisabled={false}
       isExpanded={false}
@@ -4689,6 +5308,7 @@ exports[`select renders up drection successfully 1`] = `
           ariaLabelledBy=" pf-toggle-id-4"
           className=""
           handleTypeaheadKeys={[Function]}
+          hasClearButton={false}
           id="pf-toggle-id-4"
           isActive={false}
           isDisabled={false}
@@ -4817,6 +5437,7 @@ exports[`select single select renders closed successfully 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -4831,6 +5452,7 @@ exports[`select single select renders closed successfully 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -4845,6 +5467,7 @@ exports[`select single select renders closed successfully 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -4859,6 +5482,7 @@ exports[`select single select renders closed successfully 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -4885,6 +5509,7 @@ exports[`select single select renders closed successfully 1`] = `
       createText="Create"
       customContent={null}
       direction="down"
+      hasInlineFilter={false}
       isCreatable={false}
       isDisabled={false}
       isExpanded={false}
@@ -4922,6 +5547,7 @@ exports[`select single select renders closed successfully 1`] = `
           ariaLabelledBy=" pf-toggle-id-0"
           className=""
           handleTypeaheadKeys={[Function]}
+          hasClearButton={false}
           id="pf-toggle-id-0"
           isActive={false}
           isDisabled={false}
@@ -5051,6 +5677,7 @@ exports[`select single select renders disabled successfully 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -5065,6 +5692,7 @@ exports[`select single select renders disabled successfully 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -5079,6 +5707,7 @@ exports[`select single select renders disabled successfully 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -5093,6 +5722,7 @@ exports[`select single select renders disabled successfully 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -5120,6 +5750,7 @@ exports[`select single select renders disabled successfully 1`] = `
       createText="Create"
       customContent={null}
       direction="down"
+      hasInlineFilter={false}
       isCreatable={false}
       isDisabled={true}
       isExpanded={false}
@@ -5157,6 +5788,7 @@ exports[`select single select renders disabled successfully 1`] = `
           ariaLabelledBy=" pf-toggle-id-1"
           className=""
           handleTypeaheadKeys={[Function]}
+          hasClearButton={false}
           id="pf-toggle-id-1"
           isActive={false}
           isDisabled={true}
@@ -5287,6 +5919,7 @@ exports[`select single select renders expanded successfully 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -5301,6 +5934,7 @@ exports[`select single select renders expanded successfully 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -5315,6 +5949,7 @@ exports[`select single select renders expanded successfully 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -5329,6 +5964,7 @@ exports[`select single select renders expanded successfully 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -5356,6 +5992,7 @@ exports[`select single select renders expanded successfully 1`] = `
       createText="Create"
       customContent={null}
       direction="down"
+      hasInlineFilter={false}
       isCreatable={false}
       isDisabled={false}
       isExpanded={true}
@@ -5393,6 +6030,7 @@ exports[`select single select renders expanded successfully 1`] = `
           ariaLabelledBy=" pf-toggle-id-2"
           className=""
           handleTypeaheadKeys={[Function]}
+          hasClearButton={false}
           id="pf-toggle-id-2"
           isActive={false}
           isDisabled={false}
@@ -5554,6 +6192,7 @@ exports[`select single select renders expanded successfully 1`] = `
           aria-label=""
           aria-labelledby=""
           className=""
+          hasInlineFilter={false}
           isCustomContent={false}
           isExpanded={false}
           isGrouped={false}
@@ -5575,6 +6214,7 @@ exports[`select single select renders expanded successfully 1`] = `
               isChecked={false}
               isDisabled={false}
               isFocused={false}
+              isNoResultsOption={false}
               isPlaceholder={false}
               isSelected={false}
               key=".$00"
@@ -5607,6 +6247,7 @@ exports[`select single select renders expanded successfully 1`] = `
               isChecked={false}
               isDisabled={false}
               isFocused={false}
+              isNoResultsOption={false}
               isPlaceholder={false}
               isSelected={false}
               key=".$01"
@@ -5639,6 +6280,7 @@ exports[`select single select renders expanded successfully 1`] = `
               isChecked={false}
               isDisabled={false}
               isFocused={false}
+              isNoResultsOption={false}
               isPlaceholder={false}
               isSelected={false}
               key=".$02"
@@ -5671,6 +6313,7 @@ exports[`select single select renders expanded successfully 1`] = `
               isChecked={false}
               isDisabled={false}
               isFocused={false}
+              isNoResultsOption={false}
               isPlaceholder={false}
               isSelected={false}
               key=".$03"
@@ -5722,6 +6365,7 @@ exports[`select single select renders expanded successfully with custom objects
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -5744,6 +6388,7 @@ exports[`select single select renders expanded successfully with custom objects
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -5766,6 +6411,7 @@ exports[`select single select renders expanded successfully with custom objects
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -5801,6 +6447,7 @@ exports[`select single select renders expanded successfully with custom objects
       createText="Create"
       customContent={null}
       direction="down"
+      hasInlineFilter={false}
       isCreatable={false}
       isDisabled={false}
       isExpanded={true}
@@ -5838,6 +6485,7 @@ exports[`select single select renders expanded successfully with custom objects
           ariaLabelledBy=" pf-toggle-id-3"
           className=""
           handleTypeaheadKeys={[Function]}
+          hasClearButton={false}
           id="pf-toggle-id-3"
           isActive={false}
           isDisabled={false}
@@ -5987,6 +6635,7 @@ exports[`select single select renders expanded successfully with custom objects
           aria-label=""
           aria-labelledby=""
           className=""
+          hasInlineFilter={false}
           isCustomContent={false}
           isExpanded={false}
           isGrouped={false}
@@ -6008,6 +6657,7 @@ exports[`select single select renders expanded successfully with custom objects
               isChecked={false}
               isDisabled={false}
               isFocused={false}
+              isNoResultsOption={false}
               isPlaceholder={false}
               isSelected={false}
               key=".$0"
@@ -6048,6 +6698,7 @@ exports[`select single select renders expanded successfully with custom objects
               isChecked={false}
               isDisabled={false}
               isFocused={false}
+              isNoResultsOption={false}
               isPlaceholder={false}
               isSelected={false}
               key=".$1"
@@ -6088,6 +6739,7 @@ exports[`select single select renders expanded successfully with custom objects
               isChecked={false}
               isDisabled={false}
               isFocused={false}
+              isNoResultsOption={false}
               isPlaceholder={false}
               isSelected={false}
               key=".$2"
@@ -6154,6 +6806,7 @@ exports[`select with custom content renders closed successfully 1`] = `
       createText="Create"
       customContent="testing custom"
       direction="down"
+      hasInlineFilter={false}
       isCreatable={false}
       isDisabled={false}
       isExpanded={false}
@@ -6187,10 +6840,11 @@ exports[`select with custom content renders closed successfully 1`] = `
       >
         <SelectToggle
           ariaLabelToggle="Options menu"
-          ariaLabelledBy=" pf-toggle-id-34"
+          ariaLabelledBy=" pf-toggle-id-35"
           className=""
           handleTypeaheadKeys={[Function]}
-          id="pf-toggle-id-34"
+          hasClearButton={false}
+          id="pf-toggle-id-35"
           isActive={false}
           isDisabled={false}
           isExpanded={false}
@@ -6208,9 +6862,9 @@ exports[`select with custom content renders closed successfully 1`] = `
                 <button
                   aria-expanded="false"
                   aria-haspopup="listbox"
-                  aria-labelledby=" pf-toggle-id-34"
+                  aria-labelledby=" pf-toggle-id-35"
                   class="pf-c-select__toggle"
-                  id="pf-toggle-id-34"
+                  id="pf-toggle-id-35"
                   type="button"
                 >
                   <div
@@ -6245,10 +6899,10 @@ exports[`select with custom content renders closed successfully 1`] = `
           <button
             aria-expanded={false}
             aria-haspopup="listbox"
-            aria-labelledby=" pf-toggle-id-34"
+            aria-labelledby=" pf-toggle-id-35"
             className="pf-c-select__toggle"
             disabled={false}
-            id="pf-toggle-id-34"
+            id="pf-toggle-id-35"
             onClick={[Function]}
             onKeyDown={[Function]}
             type="button"
@@ -6324,6 +6978,7 @@ exports[`select with custom content renders expanded successfully 1`] = `
       createText="Create"
       customContent="testing custom"
       direction="down"
+      hasInlineFilter={false}
       isCreatable={false}
       isDisabled={false}
       isExpanded={true}
@@ -6357,10 +7012,11 @@ exports[`select with custom content renders expanded successfully 1`] = `
       >
         <SelectToggle
           ariaLabelToggle="Options menu"
-          ariaLabelledBy=" pf-toggle-id-35"
+          ariaLabelledBy=" pf-toggle-id-36"
           className=""
           handleTypeaheadKeys={[Function]}
-          id="pf-toggle-id-35"
+          hasClearButton={false}
+          id="pf-toggle-id-36"
           isActive={false}
           isDisabled={false}
           isExpanded={true}
@@ -6378,9 +7034,9 @@ exports[`select with custom content renders expanded successfully 1`] = `
                 <button
                   aria-expanded="true"
                   aria-haspopup="listbox"
-                  aria-labelledby=" pf-toggle-id-35"
+                  aria-labelledby=" pf-toggle-id-36"
                   class="pf-c-select__toggle"
-                  id="pf-toggle-id-35"
+                  id="pf-toggle-id-36"
                   type="button"
                 >
                   <div
@@ -6420,10 +7076,10 @@ exports[`select with custom content renders expanded successfully 1`] = `
           <button
             aria-expanded={true}
             aria-haspopup="listbox"
-            aria-labelledby=" pf-toggle-id-35"
+            aria-labelledby=" pf-toggle-id-36"
             className="pf-c-select__toggle"
             disabled={false}
-            id="pf-toggle-id-35"
+            id="pf-toggle-id-36"
             onClick={[Function]}
             onKeyDown={[Function]}
             type="button"
@@ -6469,6 +7125,7 @@ exports[`select with custom content renders expanded successfully 1`] = `
           aria-label=""
           aria-labelledby=""
           className=""
+          hasInlineFilter={false}
           isCustomContent={true}
           isExpanded={false}
           isGrouped={false}
@@ -6548,6 +7205,7 @@ exports[`typeahead multi select renders closed successfully 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -6562,6 +7220,7 @@ exports[`typeahead multi select renders closed successfully 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -6576,6 +7235,7 @@ exports[`typeahead multi select renders closed successfully 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -6590,6 +7250,7 @@ exports[`typeahead multi select renders closed successfully 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -6616,6 +7277,7 @@ exports[`typeahead multi select renders closed successfully 1`] = `
       createText="Create"
       customContent={null}
       direction="down"
+      hasInlineFilter={false}
       isCreatable={false}
       isDisabled={false}
       isExpanded={false}
@@ -6650,10 +7312,11 @@ exports[`typeahead multi select renders closed successfully 1`] = `
       >
         <SelectToggle
           ariaLabelToggle="Options menu"
-          ariaLabelledBy=" pf-toggle-id-22"
+          ariaLabelledBy=" pf-toggle-id-23"
           className=""
           handleTypeaheadKeys={[Function]}
-          id="pf-toggle-id-22"
+          hasClearButton={false}
+          id="pf-toggle-id-23"
           isActive={false}
           isDisabled={false}
           isExpanded={false}
@@ -6679,7 +7342,7 @@ exports[`typeahead multi select renders closed successfully 1`] = `
                       aria-label=""
                       autocomplete="off"
                       class="pf-c-form-control pf-c-select__toggle-typeahead"
-                      id="pf-toggle-id-22-select-multi-typeahead-typeahead"
+                      id="pf-toggle-id-23-select-multi-typeahead-typeahead"
                       placeholder=""
                       type="text"
                       value=""
@@ -6689,9 +7352,9 @@ exports[`typeahead multi select renders closed successfully 1`] = `
                     aria-expanded="false"
                     aria-haspopup="listbox"
                     aria-label="Options menu"
-                    aria-labelledby=" pf-toggle-id-22"
+                    aria-labelledby=" pf-toggle-id-23"
                     class="pf-c-button pf-c-select__toggle-button pf-m-plain"
-                    id="pf-toggle-id-22"
+                    id="pf-toggle-id-23"
                     type="button"
                   >
                     <svg
@@ -6731,7 +7394,7 @@ exports[`typeahead multi select renders closed successfully 1`] = `
                 autoComplete="off"
                 className="pf-c-form-control pf-c-select__toggle-typeahead"
                 disabled={false}
-                id="pf-toggle-id-22-select-multi-typeahead-typeahead"
+                id="pf-toggle-id-23-select-multi-typeahead-typeahead"
                 onChange={[Function]}
                 onClick={[Function]}
                 onFocus={[Function]}
@@ -6744,10 +7407,10 @@ exports[`typeahead multi select renders closed successfully 1`] = `
               aria-expanded={false}
               aria-haspopup="listbox"
               aria-label="Options menu"
-              aria-labelledby=" pf-toggle-id-22"
+              aria-labelledby=" pf-toggle-id-23"
               className="pf-c-button pf-c-select__toggle-button pf-m-plain"
               disabled={false}
-              id="pf-toggle-id-22"
+              id="pf-toggle-id-23"
               onClick={[Function]}
               type="button"
             >
@@ -6807,6 +7470,7 @@ exports[`typeahead multi select renders expanded successfully 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -6821,6 +7485,7 @@ exports[`typeahead multi select renders expanded successfully 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -6835,6 +7500,7 @@ exports[`typeahead multi select renders expanded successfully 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -6849,6 +7515,7 @@ exports[`typeahead multi select renders expanded successfully 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -6876,6 +7543,7 @@ exports[`typeahead multi select renders expanded successfully 1`] = `
       createText="Create"
       customContent={null}
       direction="down"
+      hasInlineFilter={false}
       isCreatable={false}
       isDisabled={false}
       isExpanded={true}
@@ -6910,10 +7578,11 @@ exports[`typeahead multi select renders expanded successfully 1`] = `
       >
         <SelectToggle
           ariaLabelToggle="Options menu"
-          ariaLabelledBy=" pf-toggle-id-23"
+          ariaLabelledBy=" pf-toggle-id-24"
           className=""
           handleTypeaheadKeys={[Function]}
-          id="pf-toggle-id-23"
+          hasClearButton={false}
+          id="pf-toggle-id-24"
           isActive={false}
           isDisabled={false}
           isExpanded={true}
@@ -6939,7 +7608,7 @@ exports[`typeahead multi select renders expanded successfully 1`] = `
                       aria-label=""
                       autocomplete="off"
                       class="pf-c-form-control pf-c-select__toggle-typeahead"
-                      id="pf-toggle-id-23-select-multi-typeahead-typeahead"
+                      id="pf-toggle-id-24-select-multi-typeahead-typeahead"
                       placeholder=""
                       type="text"
                       value=""
@@ -6949,9 +7618,9 @@ exports[`typeahead multi select renders expanded successfully 1`] = `
                     aria-expanded="true"
                     aria-haspopup="listbox"
                     aria-label="Options menu"
-                    aria-labelledby=" pf-toggle-id-23"
+                    aria-labelledby=" pf-toggle-id-24"
                     class="pf-c-button pf-c-select__toggle-button pf-m-plain"
-                    id="pf-toggle-id-23"
+                    id="pf-toggle-id-24"
                     type="button"
                   >
                     <svg
@@ -7044,7 +7713,7 @@ exports[`typeahead multi select renders expanded successfully 1`] = `
                 autoComplete="off"
                 className="pf-c-form-control pf-c-select__toggle-typeahead"
                 disabled={false}
-                id="pf-toggle-id-23-select-multi-typeahead-typeahead"
+                id="pf-toggle-id-24-select-multi-typeahead-typeahead"
                 onChange={[Function]}
                 onClick={[Function]}
                 onFocus={[Function]}
@@ -7057,10 +7726,10 @@ exports[`typeahead multi select renders expanded successfully 1`] = `
               aria-expanded={true}
               aria-haspopup="listbox"
               aria-label="Options menu"
-              aria-labelledby=" pf-toggle-id-23"
+              aria-labelledby=" pf-toggle-id-24"
               className="pf-c-button pf-c-select__toggle-button pf-m-plain"
               disabled={false}
-              id="pf-toggle-id-23"
+              id="pf-toggle-id-24"
               onClick={[Function]}
               type="button"
             >
@@ -7099,6 +7768,7 @@ exports[`typeahead multi select renders expanded successfully 1`] = `
           aria-label=""
           aria-labelledby=""
           className=""
+          hasInlineFilter={false}
           isCustomContent={false}
           isExpanded={false}
           isGrouped={false}
@@ -7120,6 +7790,7 @@ exports[`typeahead multi select renders expanded successfully 1`] = `
               isChecked={false}
               isDisabled={false}
               isFocused={null}
+              isNoResultsOption={false}
               isPlaceholder={false}
               isSelected={false}
               key=".$.$00"
@@ -7152,6 +7823,7 @@ exports[`typeahead multi select renders expanded successfully 1`] = `
               isChecked={false}
               isDisabled={false}
               isFocused={null}
+              isNoResultsOption={false}
               isPlaceholder={false}
               isSelected={false}
               key=".$.$01"
@@ -7184,6 +7856,7 @@ exports[`typeahead multi select renders expanded successfully 1`] = `
               isChecked={false}
               isDisabled={false}
               isFocused={null}
+              isNoResultsOption={false}
               isPlaceholder={false}
               isSelected={false}
               key=".$.$02"
@@ -7216,6 +7889,7 @@ exports[`typeahead multi select renders expanded successfully 1`] = `
               isChecked={false}
               isDisabled={false}
               isFocused={null}
+              isNoResultsOption={false}
               isPlaceholder={false}
               isSelected={false}
               key=".$.$03"
@@ -7273,6 +7947,7 @@ exports[`typeahead multi select renders selected successfully 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -7287,6 +7962,7 @@ exports[`typeahead multi select renders selected successfully 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -7301,6 +7977,7 @@ exports[`typeahead multi select renders selected successfully 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -7315,6 +7992,7 @@ exports[`typeahead multi select renders selected successfully 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -7346,6 +8024,7 @@ exports[`typeahead multi select renders selected successfully 1`] = `
       createText="Create"
       customContent={null}
       direction="down"
+      hasInlineFilter={false}
       isCreatable={false}
       isDisabled={false}
       isExpanded={true}
@@ -7385,10 +8064,11 @@ exports[`typeahead multi select renders selected successfully 1`] = `
       >
         <SelectToggle
           ariaLabelToggle="Options menu"
-          ariaLabelledBy=" pf-toggle-id-24"
+          ariaLabelledBy=" pf-toggle-id-25"
           className=""
           handleTypeaheadKeys={[Function]}
-          id="pf-toggle-id-24"
+          hasClearButton={false}
+          id="pf-toggle-id-25"
           isActive={false}
           isDisabled={false}
           isExpanded={true}
@@ -7481,7 +8161,7 @@ exports[`typeahead multi select renders selected successfully 1`] = `
                       aria-label=""
                       autocomplete="off"
                       class="pf-c-form-control pf-c-select__toggle-typeahead"
-                      id="pf-toggle-id-24-select-multi-typeahead-typeahead"
+                      id="pf-toggle-id-25-select-multi-typeahead-typeahead"
                       placeholder=""
                       type="text"
                       value=""
@@ -7511,9 +8191,9 @@ exports[`typeahead multi select renders selected successfully 1`] = `
                     aria-expanded="true"
                     aria-haspopup="listbox"
                     aria-label="Options menu"
-                    aria-labelledby=" pf-toggle-id-24"
+                    aria-labelledby=" pf-toggle-id-25"
                     class="pf-c-button pf-c-select__toggle-button pf-m-plain"
-                    id="pf-toggle-id-24"
+                    id="pf-toggle-id-25"
                     type="button"
                   >
                     <svg
@@ -7966,7 +8646,7 @@ exports[`typeahead multi select renders selected successfully 1`] = `
                 autoComplete="off"
                 className="pf-c-form-control pf-c-select__toggle-typeahead"
                 disabled={false}
-                id="pf-toggle-id-24-select-multi-typeahead-typeahead"
+                id="pf-toggle-id-25-select-multi-typeahead-typeahead"
                 onChange={[Function]}
                 onClick={[Function]}
                 onFocus={[Function]}
@@ -8014,10 +8694,10 @@ exports[`typeahead multi select renders selected successfully 1`] = `
               aria-expanded={true}
               aria-haspopup="listbox"
               aria-label="Options menu"
-              aria-labelledby=" pf-toggle-id-24"
+              aria-labelledby=" pf-toggle-id-25"
               className="pf-c-button pf-c-select__toggle-button pf-m-plain"
               disabled={false}
-              id="pf-toggle-id-24"
+              id="pf-toggle-id-25"
               onClick={[Function]}
               type="button"
             >
@@ -8056,6 +8736,7 @@ exports[`typeahead multi select renders selected successfully 1`] = `
           aria-label=""
           aria-labelledby=""
           className=""
+          hasInlineFilter={false}
           isCustomContent={false}
           isExpanded={false}
           isGrouped={false}
@@ -8082,6 +8763,7 @@ exports[`typeahead multi select renders selected successfully 1`] = `
               isChecked={false}
               isDisabled={false}
               isFocused={null}
+              isNoResultsOption={false}
               isPlaceholder={false}
               isSelected={true}
               key=".$.$00"
@@ -8143,6 +8825,7 @@ exports[`typeahead multi select renders selected successfully 1`] = `
               isChecked={false}
               isDisabled={false}
               isFocused={null}
+              isNoResultsOption={false}
               isPlaceholder={false}
               isSelected={true}
               key=".$.$01"
@@ -8204,6 +8887,7 @@ exports[`typeahead multi select renders selected successfully 1`] = `
               isChecked={false}
               isDisabled={false}
               isFocused={null}
+              isNoResultsOption={false}
               isPlaceholder={false}
               isSelected={false}
               key=".$.$02"
@@ -8236,6 +8920,7 @@ exports[`typeahead multi select renders selected successfully 1`] = `
               isChecked={false}
               isDisabled={false}
               isFocused={null}
+              isNoResultsOption={false}
               isPlaceholder={false}
               isSelected={false}
               key=".$.$03"
@@ -8288,6 +8973,7 @@ exports[`typeahead multi select test onChange 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -8302,6 +8988,7 @@ exports[`typeahead multi select test onChange 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -8316,6 +9003,7 @@ exports[`typeahead multi select test onChange 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -8330,6 +9018,7 @@ exports[`typeahead multi select test onChange 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -8358,6 +9047,7 @@ exports[`typeahead multi select test onChange 1`] = `
       createText="Create"
       customContent={null}
       direction="down"
+      hasInlineFilter={false}
       isCreatable={false}
       isDisabled={false}
       isExpanded={true}
@@ -8392,10 +9082,11 @@ exports[`typeahead multi select test onChange 1`] = `
       >
         <SelectToggle
           ariaLabelToggle="Options menu"
-          ariaLabelledBy=" pf-toggle-id-26"
+          ariaLabelledBy=" pf-toggle-id-27"
           className=""
           handleTypeaheadKeys={[Function]}
-          id="pf-toggle-id-26"
+          hasClearButton={true}
+          id="pf-toggle-id-27"
           isActive={false}
           isDisabled={false}
           isExpanded={true}
@@ -8420,7 +9111,7 @@ exports[`typeahead multi select test onChange 1`] = `
                       aria-label=""
                       autocomplete="off"
                       class="pf-c-form-control pf-c-select__toggle-typeahead"
-                      id="pf-toggle-id-26-select-typeahead"
+                      id="pf-toggle-id-27-select-typeahead"
                       placeholder=""
                       type="text"
                       value="test"
@@ -8450,9 +9141,9 @@ exports[`typeahead multi select test onChange 1`] = `
                     aria-expanded="true"
                     aria-haspopup="listbox"
                     aria-label="Options menu"
-                    aria-labelledby=" pf-toggle-id-26"
+                    aria-labelledby=" pf-toggle-id-27"
                     class="pf-c-button pf-c-select__toggle-button pf-m-plain"
-                    id="pf-toggle-id-26"
+                    id="pf-toggle-id-27"
                     type="button"
                   >
                     <svg
@@ -8509,7 +9200,7 @@ exports[`typeahead multi select test onChange 1`] = `
                 autoComplete="off"
                 className="pf-c-form-control pf-c-select__toggle-typeahead"
                 disabled={false}
-                id="pf-toggle-id-26-select-typeahead"
+                id="pf-toggle-id-27-select-typeahead"
                 onChange={[Function]}
                 onClick={[Function]}
                 onFocus={[Function]}
@@ -8557,10 +9248,10 @@ exports[`typeahead multi select test onChange 1`] = `
               aria-expanded={true}
               aria-haspopup="listbox"
               aria-label="Options menu"
-              aria-labelledby=" pf-toggle-id-26"
+              aria-labelledby=" pf-toggle-id-27"
               className="pf-c-button pf-c-select__toggle-button pf-m-plain"
               disabled={false}
-              id="pf-toggle-id-26"
+              id="pf-toggle-id-27"
               onClick={[Function]}
               type="button"
             >
@@ -8599,6 +9290,7 @@ exports[`typeahead multi select test onChange 1`] = `
           aria-label=""
           aria-labelledby=""
           className=""
+          hasInlineFilter={false}
           isCustomContent={false}
           isExpanded={false}
           isGrouped={false}
@@ -8620,6 +9312,7 @@ exports[`typeahead multi select test onChange 1`] = `
               isChecked={false}
               isDisabled={true}
               isFocused={null}
+              isNoResultsOption={true}
               isPlaceholder={false}
               isSelected={false}
               key=".$0"
@@ -8670,6 +9363,7 @@ exports[`typeahead select renders closed successfully 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -8684,6 +9378,7 @@ exports[`typeahead select renders closed successfully 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -8698,6 +9393,7 @@ exports[`typeahead select renders closed successfully 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -8712,6 +9408,7 @@ exports[`typeahead select renders closed successfully 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -8738,6 +9435,7 @@ exports[`typeahead select renders closed successfully 1`] = `
       createText="Create"
       customContent={null}
       direction="down"
+      hasInlineFilter={false}
       isCreatable={false}
       isDisabled={false}
       isExpanded={false}
@@ -8772,10 +9470,11 @@ exports[`typeahead select renders closed successfully 1`] = `
       >
         <SelectToggle
           ariaLabelToggle="Options menu"
-          ariaLabelledBy=" pf-toggle-id-15"
+          ariaLabelledBy=" pf-toggle-id-16"
           className=""
           handleTypeaheadKeys={[Function]}
-          id="pf-toggle-id-15"
+          hasClearButton={false}
+          id="pf-toggle-id-16"
           isActive={false}
           isDisabled={false}
           isExpanded={false}
@@ -8800,7 +9499,7 @@ exports[`typeahead select renders closed successfully 1`] = `
                       aria-label=""
                       autocomplete="off"
                       class="pf-c-form-control pf-c-select__toggle-typeahead"
-                      id="pf-toggle-id-15-select-typeahead"
+                      id="pf-toggle-id-16-select-typeahead"
                       placeholder=""
                       type="text"
                       value=""
@@ -8810,9 +9509,9 @@ exports[`typeahead select renders closed successfully 1`] = `
                     aria-expanded="false"
                     aria-haspopup="listbox"
                     aria-label="Options menu"
-                    aria-labelledby=" pf-toggle-id-15"
+                    aria-labelledby=" pf-toggle-id-16"
                     class="pf-c-button pf-c-select__toggle-button pf-m-plain"
-                    id="pf-toggle-id-15"
+                    id="pf-toggle-id-16"
                     type="button"
                   >
                     <svg
@@ -8852,7 +9551,7 @@ exports[`typeahead select renders closed successfully 1`] = `
                 autoComplete="off"
                 className="pf-c-form-control pf-c-select__toggle-typeahead"
                 disabled={false}
-                id="pf-toggle-id-15-select-typeahead"
+                id="pf-toggle-id-16-select-typeahead"
                 onChange={[Function]}
                 onClick={[Function]}
                 onFocus={[Function]}
@@ -8865,10 +9564,10 @@ exports[`typeahead select renders closed successfully 1`] = `
               aria-expanded={false}
               aria-haspopup="listbox"
               aria-label="Options menu"
-              aria-labelledby=" pf-toggle-id-15"
+              aria-labelledby=" pf-toggle-id-16"
               className="pf-c-button pf-c-select__toggle-button pf-m-plain"
               disabled={false}
-              id="pf-toggle-id-15"
+              id="pf-toggle-id-16"
               onClick={[Function]}
               type="button"
             >
@@ -8928,6 +9627,7 @@ exports[`typeahead select renders expanded successfully 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -8942,6 +9642,7 @@ exports[`typeahead select renders expanded successfully 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -8956,6 +9657,7 @@ exports[`typeahead select renders expanded successfully 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -8970,6 +9672,7 @@ exports[`typeahead select renders expanded successfully 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -8997,6 +9700,7 @@ exports[`typeahead select renders expanded successfully 1`] = `
       createText="Create"
       customContent={null}
       direction="down"
+      hasInlineFilter={false}
       isCreatable={false}
       isDisabled={false}
       isExpanded={true}
@@ -9031,10 +9735,11 @@ exports[`typeahead select renders expanded successfully 1`] = `
       >
         <SelectToggle
           ariaLabelToggle="Options menu"
-          ariaLabelledBy=" pf-toggle-id-16"
+          ariaLabelledBy=" pf-toggle-id-17"
           className=""
           handleTypeaheadKeys={[Function]}
-          id="pf-toggle-id-16"
+          hasClearButton={false}
+          id="pf-toggle-id-17"
           isActive={false}
           isDisabled={false}
           isExpanded={true}
@@ -9059,7 +9764,7 @@ exports[`typeahead select renders expanded successfully 1`] = `
                       aria-label=""
                       autocomplete="off"
                       class="pf-c-form-control pf-c-select__toggle-typeahead"
-                      id="pf-toggle-id-16-select-typeahead"
+                      id="pf-toggle-id-17-select-typeahead"
                       placeholder=""
                       type="text"
                       value=""
@@ -9069,9 +9774,9 @@ exports[`typeahead select renders expanded successfully 1`] = `
                     aria-expanded="true"
                     aria-haspopup="listbox"
                     aria-label="Options menu"
-                    aria-labelledby=" pf-toggle-id-16"
+                    aria-labelledby=" pf-toggle-id-17"
                     class="pf-c-button pf-c-select__toggle-button pf-m-plain"
-                    id="pf-toggle-id-16"
+                    id="pf-toggle-id-17"
                     type="button"
                   >
                     <svg
@@ -9164,7 +9869,7 @@ exports[`typeahead select renders expanded successfully 1`] = `
                 autoComplete="off"
                 className="pf-c-form-control pf-c-select__toggle-typeahead"
                 disabled={false}
-                id="pf-toggle-id-16-select-typeahead"
+                id="pf-toggle-id-17-select-typeahead"
                 onChange={[Function]}
                 onClick={[Function]}
                 onFocus={[Function]}
@@ -9177,10 +9882,10 @@ exports[`typeahead select renders expanded successfully 1`] = `
               aria-expanded={true}
               aria-haspopup="listbox"
               aria-label="Options menu"
-              aria-labelledby=" pf-toggle-id-16"
+              aria-labelledby=" pf-toggle-id-17"
               className="pf-c-button pf-c-select__toggle-button pf-m-plain"
               disabled={false}
-              id="pf-toggle-id-16"
+              id="pf-toggle-id-17"
               onClick={[Function]}
               type="button"
             >
@@ -9219,6 +9924,7 @@ exports[`typeahead select renders expanded successfully 1`] = `
           aria-label=""
           aria-labelledby=""
           className=""
+          hasInlineFilter={false}
           isCustomContent={false}
           isExpanded={false}
           isGrouped={false}
@@ -9240,6 +9946,7 @@ exports[`typeahead select renders expanded successfully 1`] = `
               isChecked={false}
               isDisabled={false}
               isFocused={null}
+              isNoResultsOption={false}
               isPlaceholder={false}
               isSelected={false}
               key=".$.$00"
@@ -9272,6 +9979,7 @@ exports[`typeahead select renders expanded successfully 1`] = `
               isChecked={false}
               isDisabled={false}
               isFocused={null}
+              isNoResultsOption={false}
               isPlaceholder={false}
               isSelected={false}
               key=".$.$01"
@@ -9304,6 +10012,7 @@ exports[`typeahead select renders expanded successfully 1`] = `
               isChecked={false}
               isDisabled={false}
               isFocused={null}
+              isNoResultsOption={false}
               isPlaceholder={false}
               isSelected={false}
               key=".$.$02"
@@ -9336,6 +10045,7 @@ exports[`typeahead select renders expanded successfully 1`] = `
               isChecked={false}
               isDisabled={false}
               isFocused={null}
+              isNoResultsOption={false}
               isPlaceholder={false}
               isSelected={false}
               key=".$.$03"
@@ -9388,6 +10098,7 @@ exports[`typeahead select renders selected successfully 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -9402,6 +10113,7 @@ exports[`typeahead select renders selected successfully 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -9416,6 +10128,7 @@ exports[`typeahead select renders selected successfully 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -9430,6 +10143,7 @@ exports[`typeahead select renders selected successfully 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -9458,6 +10172,7 @@ exports[`typeahead select renders selected successfully 1`] = `
       createText="Create"
       customContent={null}
       direction="down"
+      hasInlineFilter={false}
       isCreatable={false}
       isDisabled={false}
       isExpanded={true}
@@ -9492,10 +10207,11 @@ exports[`typeahead select renders selected successfully 1`] = `
       >
         <SelectToggle
           ariaLabelToggle="Options menu"
-          ariaLabelledBy=" pf-toggle-id-17"
+          ariaLabelledBy=" pf-toggle-id-18"
           className=""
           handleTypeaheadKeys={[Function]}
-          id="pf-toggle-id-17"
+          hasClearButton={false}
+          id="pf-toggle-id-18"
           isActive={false}
           isDisabled={false}
           isExpanded={true}
@@ -9520,7 +10236,7 @@ exports[`typeahead select renders selected successfully 1`] = `
                       aria-label=""
                       autocomplete="off"
                       class="pf-c-form-control pf-c-select__toggle-typeahead"
-                      id="pf-toggle-id-17-select-typeahead"
+                      id="pf-toggle-id-18-select-typeahead"
                       placeholder=""
                       type="text"
                       value="Mr"
@@ -9550,9 +10266,9 @@ exports[`typeahead select renders selected successfully 1`] = `
                     aria-expanded="true"
                     aria-haspopup="listbox"
                     aria-label="Options menu"
-                    aria-labelledby=" pf-toggle-id-17"
+                    aria-labelledby=" pf-toggle-id-18"
                     class="pf-c-button pf-c-select__toggle-button pf-m-plain"
-                    id="pf-toggle-id-17"
+                    id="pf-toggle-id-18"
                     type="button"
                   >
                     <svg
@@ -9661,7 +10377,7 @@ exports[`typeahead select renders selected successfully 1`] = `
                 autoComplete="off"
                 className="pf-c-form-control pf-c-select__toggle-typeahead"
                 disabled={false}
-                id="pf-toggle-id-17-select-typeahead"
+                id="pf-toggle-id-18-select-typeahead"
                 onChange={[Function]}
                 onClick={[Function]}
                 onFocus={[Function]}
@@ -9709,10 +10425,10 @@ exports[`typeahead select renders selected successfully 1`] = `
               aria-expanded={true}
               aria-haspopup="listbox"
               aria-label="Options menu"
-              aria-labelledby=" pf-toggle-id-17"
+              aria-labelledby=" pf-toggle-id-18"
               className="pf-c-button pf-c-select__toggle-button pf-m-plain"
               disabled={false}
-              id="pf-toggle-id-17"
+              id="pf-toggle-id-18"
               onClick={[Function]}
               type="button"
             >
@@ -9751,6 +10467,7 @@ exports[`typeahead select renders selected successfully 1`] = `
           aria-label=""
           aria-labelledby=""
           className=""
+          hasInlineFilter={false}
           isCustomContent={false}
           isExpanded={false}
           isGrouped={false}
@@ -9772,6 +10489,7 @@ exports[`typeahead select renders selected successfully 1`] = `
               isChecked={false}
               isDisabled={false}
               isFocused={null}
+              isNoResultsOption={false}
               isPlaceholder={false}
               isSelected={true}
               key=".$.$00"
@@ -9833,6 +10551,7 @@ exports[`typeahead select renders selected successfully 1`] = `
               isChecked={false}
               isDisabled={false}
               isFocused={null}
+              isNoResultsOption={false}
               isPlaceholder={false}
               isSelected={false}
               key=".$.$01"
@@ -9865,6 +10584,7 @@ exports[`typeahead select renders selected successfully 1`] = `
               isChecked={false}
               isDisabled={false}
               isFocused={null}
+              isNoResultsOption={false}
               isPlaceholder={false}
               isSelected={false}
               key=".$.$02"
@@ -9897,6 +10617,7 @@ exports[`typeahead select renders selected successfully 1`] = `
               isChecked={false}
               isDisabled={false}
               isFocused={null}
+              isNoResultsOption={false}
               isPlaceholder={false}
               isSelected={false}
               key=".$.$03"
@@ -9948,6 +10669,7 @@ exports[`typeahead select test creatable option 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -9962,6 +10684,7 @@ exports[`typeahead select test creatable option 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -9976,6 +10699,7 @@ exports[`typeahead select test creatable option 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -9990,6 +10714,7 @@ exports[`typeahead select test creatable option 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -10017,6 +10742,7 @@ exports[`typeahead select test creatable option 1`] = `
       createText="Create"
       customContent={null}
       direction="down"
+      hasInlineFilter={false}
       isCreatable={true}
       isDisabled={false}
       isExpanded={true}
@@ -10050,10 +10776,11 @@ exports[`typeahead select test creatable option 1`] = `
       >
         <SelectToggle
           ariaLabelToggle="Options menu"
-          ariaLabelledBy=" pf-toggle-id-21"
+          ariaLabelledBy=" pf-toggle-id-22"
           className=""
           handleTypeaheadKeys={[Function]}
-          id="pf-toggle-id-21"
+          hasClearButton={false}
+          id="pf-toggle-id-22"
           isActive={false}
           isDisabled={false}
           isExpanded={true}
@@ -10078,7 +10805,7 @@ exports[`typeahead select test creatable option 1`] = `
                       aria-label=""
                       autocomplete="off"
                       class="pf-c-form-control pf-c-select__toggle-typeahead"
-                      id="pf-toggle-id-21-select-typeahead"
+                      id="pf-toggle-id-22-select-typeahead"
                       placeholder=""
                       type="text"
                       value="test"
@@ -10108,9 +10835,9 @@ exports[`typeahead select test creatable option 1`] = `
                     aria-expanded="true"
                     aria-haspopup="listbox"
                     aria-label="Options menu"
-                    aria-labelledby=" pf-toggle-id-21"
+                    aria-labelledby=" pf-toggle-id-22"
                     class="pf-c-button pf-c-select__toggle-button pf-m-plain"
-                    id="pf-toggle-id-21"
+                    id="pf-toggle-id-22"
                     type="button"
                   >
                     <svg
@@ -10170,7 +10897,7 @@ exports[`typeahead select test creatable option 1`] = `
                 autoComplete="off"
                 className="pf-c-form-control pf-c-select__toggle-typeahead"
                 disabled={false}
-                id="pf-toggle-id-21-select-typeahead"
+                id="pf-toggle-id-22-select-typeahead"
                 onChange={[Function]}
                 onClick={[Function]}
                 onFocus={[Function]}
@@ -10218,10 +10945,10 @@ exports[`typeahead select test creatable option 1`] = `
               aria-expanded={true}
               aria-haspopup="listbox"
               aria-label="Options menu"
-              aria-labelledby=" pf-toggle-id-21"
+              aria-labelledby=" pf-toggle-id-22"
               className="pf-c-button pf-c-select__toggle-button pf-m-plain"
               disabled={false}
-              id="pf-toggle-id-21"
+              id="pf-toggle-id-22"
               onClick={[Function]}
               type="button"
             >
@@ -10260,6 +10987,7 @@ exports[`typeahead select test creatable option 1`] = `
           aria-label=""
           aria-labelledby=""
           className=""
+          hasInlineFilter={false}
           isCustomContent={false}
           isExpanded={false}
           isGrouped={false}
@@ -10281,6 +11009,7 @@ exports[`typeahead select test creatable option 1`] = `
               isChecked={false}
               isDisabled={false}
               isFocused={null}
+              isNoResultsOption={false}
               isPlaceholder={false}
               isSelected={false}
               key=".$0"
@@ -10336,6 +11065,7 @@ exports[`typeahead select test onChange 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -10350,6 +11080,7 @@ exports[`typeahead select test onChange 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -10364,6 +11095,7 @@ exports[`typeahead select test onChange 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -10378,6 +11110,7 @@ exports[`typeahead select test onChange 1`] = `
             isChecked={false}
             isDisabled={false}
             isFocused={false}
+            isNoResultsOption={false}
             isPlaceholder={false}
             isSelected={false}
             keyHandler={[Function]}
@@ -10406,6 +11139,7 @@ exports[`typeahead select test onChange 1`] = `
       createText="Create"
       customContent={null}
       direction="down"
+      hasInlineFilter={false}
       isCreatable={false}
       isDisabled={false}
       isExpanded={true}
@@ -10440,10 +11174,11 @@ exports[`typeahead select test onChange 1`] = `
       >
         <SelectToggle
           ariaLabelToggle="Options menu"
-          ariaLabelledBy=" pf-toggle-id-19"
+          ariaLabelledBy=" pf-toggle-id-20"
           className=""
           handleTypeaheadKeys={[Function]}
-          id="pf-toggle-id-19"
+          hasClearButton={true}
+          id="pf-toggle-id-20"
           isActive={false}
           isDisabled={false}
           isExpanded={true}
@@ -10468,7 +11203,7 @@ exports[`typeahead select test onChange 1`] = `
                       aria-label=""
                       autocomplete="off"
                       class="pf-c-form-control pf-c-select__toggle-typeahead"
-                      id="pf-toggle-id-19-select-typeahead"
+                      id="pf-toggle-id-20-select-typeahead"
                       placeholder=""
                       type="text"
                       value="test"
@@ -10498,9 +11233,9 @@ exports[`typeahead select test onChange 1`] = `
                     aria-expanded="true"
                     aria-haspopup="listbox"
                     aria-label="Options menu"
-                    aria-labelledby=" pf-toggle-id-19"
+                    aria-labelledby=" pf-toggle-id-20"
                     class="pf-c-button pf-c-select__toggle-button pf-m-plain"
-                    id="pf-toggle-id-19"
+                    id="pf-toggle-id-20"
                     type="button"
                   >
                     <svg
@@ -10557,7 +11292,7 @@ exports[`typeahead select test onChange 1`] = `
                 autoComplete="off"
                 className="pf-c-form-control pf-c-select__toggle-typeahead"
                 disabled={false}
-                id="pf-toggle-id-19-select-typeahead"
+                id="pf-toggle-id-20-select-typeahead"
                 onChange={[Function]}
                 onClick={[Function]}
                 onFocus={[Function]}
@@ -10605,10 +11340,10 @@ exports[`typeahead select test onChange 1`] = `
               aria-expanded={true}
               aria-haspopup="listbox"
               aria-label="Options menu"
-              aria-labelledby=" pf-toggle-id-19"
+              aria-labelledby=" pf-toggle-id-20"
               className="pf-c-button pf-c-select__toggle-button pf-m-plain"
               disabled={false}
-              id="pf-toggle-id-19"
+              id="pf-toggle-id-20"
               onClick={[Function]}
               type="button"
             >
@@ -10647,6 +11382,7 @@ exports[`typeahead select test onChange 1`] = `
           aria-label=""
           aria-labelledby=""
           className=""
+          hasInlineFilter={false}
           isCustomContent={false}
           isExpanded={false}
           isGrouped={false}
@@ -10668,6 +11404,7 @@ exports[`typeahead select test onChange 1`] = `
               isChecked={false}
               isDisabled={true}
               isFocused={null}
+              isNoResultsOption={true}
               isPlaceholder={false}
               isSelected={false}
               key=".$0"
diff --git a/packages/react-core/src/components/Select/__tests__/__snapshots__/SelectOption.test.tsx.snap b/packages/react-core/src/components/Select/__tests__/__snapshots__/SelectOption.test.tsx.snap
index 2bd980bdabc..e9367d396b7 100644
--- a/packages/react-core/src/components/Select/__tests__/__snapshots__/SelectOption.test.tsx.snap
+++ b/packages/react-core/src/components/Select/__tests__/__snapshots__/SelectOption.test.tsx.snap
@@ -14,6 +14,7 @@ exports[`select options disabled renders disabled successfully 1`] = `
   isChecked={false}
   isDisabled={true}
   isFocused={false}
+  isNoResultsOption={false}
   isPlaceholder={false}
   isSelected={false}
   keyHandler={[Function]}
@@ -22,13 +23,7 @@ exports[`select options disabled renders disabled successfully 1`] = `
     [MockFunction] {
       "calls": Array [
         Array [
-          <button
-            class="pf-c-select__menu-item pf-m-disabled"
-            role="option"
-            type="button"
-          >
-            test
-          </button>,
+          null,
           0,
         ],
       ],
@@ -73,6 +68,7 @@ exports[`select options renders custom component 1`] = `
   isChecked={false}
   isDisabled={false}
   isFocused={false}
+  isNoResultsOption={false}
   isPlaceholder={false}
   isSelected={false}
   keyHandler={[Function]}
@@ -137,6 +133,7 @@ exports[`select options renders with custom display and custom user object succe
   isChecked={false}
   isDisabled={false}
   isFocused={false}
+  isNoResultsOption={false}
   isPlaceholder={false}
   isSelected={false}
   keyHandler={[Function]}
@@ -201,6 +198,7 @@ exports[`select options renders with custom display successfully 1`] = `
   isChecked={false}
   isDisabled={false}
   isFocused={false}
+  isNoResultsOption={false}
   isPlaceholder={false}
   isSelected={false}
   keyHandler={[Function]}
@@ -258,6 +256,7 @@ exports[`select options renders with custom user object successfully 1`] = `
   isChecked={false}
   isDisabled={false}
   isFocused={false}
+  isNoResultsOption={false}
   isPlaceholder={false}
   isSelected={false}
   keyHandler={[Function]}
@@ -318,6 +317,7 @@ exports[`select options renders with value parameter successfully 1`] = `
   isChecked={false}
   isDisabled={false}
   isFocused={false}
+  isNoResultsOption={false}
   isPlaceholder={false}
   isSelected={false}
   keyHandler={[Function]}
diff --git a/packages/react-core/src/components/Select/__tests__/__snapshots__/SelectToggle.test.tsx.snap b/packages/react-core/src/components/Select/__tests__/__snapshots__/SelectToggle.test.tsx.snap
index 7b5d93c8859..502b19fef4c 100644
--- a/packages/react-core/src/components/Select/__tests__/__snapshots__/SelectToggle.test.tsx.snap
+++ b/packages/react-core/src/components/Select/__tests__/__snapshots__/SelectToggle.test.tsx.snap
@@ -5,6 +5,7 @@ exports[`state active 1`] = `
   ariaLabelToggle=""
   ariaLabelledBy=""
   className=""
+  hasClearButton={false}
   id="Select Toggle"
   isActive={true}
   isDisabled={false}
@@ -72,6 +73,7 @@ exports[`state focus 1`] = `
   ariaLabelToggle=""
   ariaLabelledBy=""
   className=""
+  hasClearButton={false}
   id="Select Toggle"
   isActive={false}
   isDisabled={false}
@@ -139,6 +141,7 @@ exports[`state hover 1`] = `
   ariaLabelToggle=""
   ariaLabelledBy=""
   className=""
+  hasClearButton={false}
   id="Select Toggle"
   isActive={false}
   isDisabled={false}
diff --git a/packages/react-core/src/components/Select/examples/Select.md b/packages/react-core/src/components/Select/examples/Select.md
index 3120c7f432b..e1d18333875 100644
--- a/packages/react-core/src/components/Select/examples/Select.md
+++ b/packages/react-core/src/components/Select/examples/Select.md
@@ -300,6 +300,110 @@ class GroupedCheckboxSelectInput extends React.Component {
 }
 ```
 
+```js title=Grouped-checkbox-input-with-filtering
+import React from 'react';
+import { Select, SelectOption, SelectGroup, SelectVariant } from '@patternfly/react-core';
+
+class FilteringCheckboxSelectInput extends React.Component {
+  constructor(props) {
+    super(props);
+
+    this.state = {
+      isExpanded: false,
+      selected: []
+    };
+
+    this.options = [
+      <SelectGroup label="Status" key="group1">
+        <SelectOption key={0} value="Running" />
+        <SelectOption key={1} value="Stopped" />
+        <SelectOption key={2} value="Down" />
+        <SelectOption key={3} value="Degraded" />
+        <SelectOption key={4} value="Needs Maintenence" />
+      </SelectGroup>,
+      <SelectGroup label="Vendor Names" key="group2">
+        <SelectOption key={5} value="Dell" />
+        <SelectOption key={6} value="Samsung" isDisabled />
+        <SelectOption key={7} value="Hewlett-Packard" />
+      </SelectGroup>
+    ];
+
+    this.onToggle = isExpanded => {
+      this.setState({
+        isExpanded
+      });
+    };
+
+    this.onSelect = (event, selection) => {
+      const { selected } = this.state;
+      if (selected.includes(selection)) {
+        this.setState(
+          prevState => ({ selected: prevState.selected.filter(item => item !== selection) }),
+          () => console.log('selections: ', this.state.selected)
+        );
+      } else {
+        this.setState(
+          prevState => ({ selected: [...prevState.selected, selection] }),
+          () => console.log('selections: ', this.state.selected)
+        );
+      }
+    };
+
+    this.onFilter = evt => {
+      const textInput = evt.target.value;
+      if (textInput === '') {
+        return this.options;
+      } else {
+        let filteredGroups = this.options
+          .map(group => {
+            let filteredGroup = React.cloneElement(group, {
+              children: group.props.children.filter(item => {
+                return item.props.value.toLowerCase().includes(textInput.toLowerCase());
+              })
+            });
+            if (filteredGroup.props.children.length > 0) return filteredGroup;
+          })
+          .filter(newGroup => newGroup);
+        return filteredGroups;
+      }
+    };
+
+    this.clearSelection = () => {
+      this.setState({
+        selected: []
+      });
+    };
+  }
+
+  render() {
+    const { isExpanded, selected, filteredOptions } = this.state;
+    const titleId = 'checkbox-filtering-select-id';
+    return (
+      <div>
+        <span id={titleId} hidden>
+          Checkbox Title
+        </span>
+        <Select
+          variant={SelectVariant.checkbox}
+          onToggle={this.onToggle}
+          onSelect={this.onSelect}
+          selections={selected}
+          isExpanded={isExpanded}
+          placeholderText="Filter by status"
+          ariaLabelledBy={titleId}
+          onFilter={this.onFilter}
+          onClear={this.clearSelection}
+          isGrouped
+          hasInlineFilter
+        >
+          {this.options}
+        </Select>
+      </div>
+    );
+  }
+}
+```
+
 ```js title=Typeahead
 import React from 'react';
 import { Checkbox, Select, SelectOption, SelectVariant } from '@patternfly/react-core';
@@ -480,8 +584,7 @@ class TypeaheadSelectInput extends React.Component {
       let input;
       try {
         input = new RegExp(e.target.value, 'i');
-      } catch (err) {
-      }
+      } catch (err) {}
       let typeaheadFilteredChildren =
         e.target.value !== '' ? this.options.filter(child => input.test(child.props.value)) : this.options;
       this.setState({
@@ -653,7 +756,9 @@ class MultiTypeaheadSelectInputCustomObjects extends React.Component {
           return `${this.name} (${this.abbreviation}) - Founded: ${this.founded}`;
         },
         compareTo: function(value) {
-          return this.toString().toLowerCase().includes(value.toLowerCase());
+          return this.toString()
+            .toLowerCase()
+            .includes(value.toLowerCase());
         }
       };
     };
@@ -703,9 +808,7 @@ class MultiTypeaheadSelectInputCustomObjects extends React.Component {
       console.log(e);
       const input = e.target.value.toString();
       let typeaheadFilteredChildren =
-        input !== ''
-          ? this.options.filter(option => option.props.value.compareTo(input))
-          : this.options;
+        input !== '' ? this.options.filter(option => option.props.value.compareTo(input)) : this.options;
       return typeaheadFilteredChildren;
     };
   }
diff --git a/packages/react-core/src/helpers/util.ts b/packages/react-core/src/helpers/util.ts
index 2631b4f6583..de8d57aa5b5 100644
--- a/packages/react-core/src/helpers/util.ts
+++ b/packages/react-core/src/helpers/util.ts
@@ -138,7 +138,7 @@ export function keyHandler(
   if (!Array.isArray(kids)) {
     return;
   }
-  const isMultiDimensional = refsCollection[0].constructor === Array;
+  const isMultiDimensional = refsCollection.filter(ref => ref)[0].constructor === Array;
   let nextIndex = index;
   let nextInnerIndex = innerIndex;
   if (position === 'up') {
diff --git a/packages/react-integration/cypress/integration/selectfiltering.spec.ts b/packages/react-integration/cypress/integration/selectfiltering.spec.ts
new file mode 100644
index 00000000000..446426040ad
--- /dev/null
+++ b/packages/react-integration/cypress/integration/selectfiltering.spec.ts
@@ -0,0 +1,28 @@
+describe('Select with Filtering Test', () => {
+  it('Navigate to demo section', () => {
+    cy.visit('http://localhost:3000/');
+    cy.get('#select-demo-filtering-nav-item-link').click();
+    cy.url().should('eq', 'http://localhost:3000/select-demo-filtering-nav-link');
+  });
+
+  it('Verify Checkbox Select with filtering', () => {
+    cy.get('#filter-select').click();
+    cy.get('#Running').click();
+    cy.get('.pf-c-select__toggle')
+      .contains('1')
+      .should('exist');
+  });
+
+  it('Verify filtering works', () => {
+    cy.get('.pf-c-form-control').type('run');
+    cy.get('#Running').should('exist');
+    cy.get('#Degraded').should('not.exist');
+    cy.get('.pf-c-form-control').type('{backspace}{backspace}{backspace}degr');
+    cy.get('#Running').should('not.exist');
+    cy.get('#Degraded').should('exist');
+    cy.get('#Degraded').click();
+    cy.get('.pf-c-select__toggle')
+      .contains('2')
+      .should('exist');
+  });
+});
diff --git a/packages/react-integration/demo-app-ts/src/Demos.ts b/packages/react-integration/demo-app-ts/src/Demos.ts
index 6434212fb3d..b491915b612 100644
--- a/packages/react-integration/demo-app-ts/src/Demos.ts
+++ b/packages/react-integration/demo-app-ts/src/Demos.ts
@@ -446,6 +446,11 @@ export const Demos: DemoInterface[] = [
     name: 'Select Demo',
     componentType: Examples.SelectDemo
   },
+  {
+    id: 'select-demo-filtering',
+    name: 'Select Demo with Filtering',
+    componentType: Examples.FilteringSelectDemo
+  },
   {
     id: 'simple-list-demo',
     name: 'Simple List Demo',
diff --git a/packages/react-integration/demo-app-ts/src/components/demos/SelectDemo/FilteringSelectDemo.tsx b/packages/react-integration/demo-app-ts/src/components/demos/SelectDemo/FilteringSelectDemo.tsx
new file mode 100644
index 00000000000..959d091c0dc
--- /dev/null
+++ b/packages/react-integration/demo-app-ts/src/components/demos/SelectDemo/FilteringSelectDemo.tsx
@@ -0,0 +1,107 @@
+import { Select, SelectOption, SelectGroup, SelectVariant } from '@patternfly/react-core';
+import React, { Component } from 'react';
+
+/* eslint-disable no-console */
+export interface FilteringSelectDemoState {
+  isExpanded: boolean;
+  selections: string[];
+}
+
+export class FilteringSelectDemo extends Component<FilteringSelectDemoState> {
+  state = {
+    isExpanded: false,
+    selections: []
+  };
+
+  options = [
+    <SelectGroup label="Status" key="group1">
+      <SelectOption key={0} value="Running" />
+      <SelectOption key={1} value="Stopped" />
+      <SelectOption key={2} value="Down" />
+      <SelectOption key={3} value="Degraded" />
+      <SelectOption key={4} value="Needs Maintenence" />
+    </SelectGroup>,
+    <SelectGroup label="Vendor Names" key="group2">
+      <SelectOption key={5} value="Dell" />
+      <SelectOption key={6} value="Samsung" isDisabled />
+      <SelectOption key={7} value="Hewlett-Packard" />
+    </SelectGroup>
+  ];
+
+  onToggle = (isExpanded: boolean) => {
+    this.setState({
+      isExpanded
+    });
+  };
+
+  onSelect = (event: React.ChangeEvent, selection: string) => {
+    const { selections } = this.state;
+    if (selections.includes(selection)) {
+      this.setState(
+        (prevState: FilteringSelectDemoState) => ({
+          selections: prevState.selections.filter(item => item !== selection)
+        }),
+        () => console.log('selections: ', this.state.selections)
+      );
+    } else {
+      this.setState(
+        (prevState: FilteringSelectDemoState) => ({ selections: [...prevState.selections, selection] }),
+        () => console.log('selections: ', this.state.selections)
+      );
+    }
+  };
+
+  onFilter = (evt: React.ChangeEvent<HTMLInputElement>) => {
+    const textInput = evt.target.value;
+    if (textInput === '') {
+      return this.options;
+    } else {
+      return this.options
+        .map((group: React.ReactElement) => {
+          const filteredGroup = React.cloneElement(group, {
+            children: group.props.children.filter((item: React.ReactElement) =>
+              item.props.value.toLowerCase().includes(textInput.toLowerCase())
+            )
+          });
+          if (filteredGroup.props.children.length > 0) {
+            return filteredGroup;
+          }
+        })
+        .filter(newGroup => newGroup);
+    }
+  };
+
+  clearSelection = () => {
+    this.setState({
+      selections: []
+    });
+  };
+
+  render() {
+    const { isExpanded, selections } = this.state;
+    const titleId = 'checkbox-select-id';
+    return (
+      <div>
+        <span id={titleId} hidden>
+          Filtering Checkbox Title
+        </span>
+        <Select
+          toggleId="filter-select"
+          variant={SelectVariant.checkbox}
+          aria-label="Select Input"
+          onToggle={this.onToggle}
+          onSelect={this.onSelect}
+          selections={selections}
+          isExpanded={isExpanded}
+          placeholderText="Filter by status"
+          ariaLabelledBy={titleId}
+          onFilter={this.onFilter}
+          isGrouped
+          hasInlineFilter
+        >
+          {this.options}
+        </Select>
+      </div>
+    );
+  }
+}
diff --git a/packages/react-integration/demo-app-ts/src/components/demos/index.ts b/packages/react-integration/demo-app-ts/src/components/demos/index.ts
index 657195f5efc..86cd1b251d7 100644
--- a/packages/react-integration/demo-app-ts/src/components/demos/index.ts
+++ b/packages/react-integration/demo-app-ts/src/components/demos/index.ts
@@ -85,6 +85,7 @@ export * from './PopoverDemo/PopoverDemo';
 export * from './ProgressDemo/ProgressDemo';
 export * from './RadioDemo/RadioDemo';
 export * from './SelectDemo/SelectDemo';
+export * from './SelectDemo/FilteringSelectDemo';
 export * from './SimpleList/SimpleListDemo';
 export * from './SpinnerDemo/SpinnerDemo';
 export * from './SplitDemo/SplitDemo';